我们知道了这个API Document（API文档），看到了有这些类，但是我们如何验证和使用这些API呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Monaco Editor Example</title>
    <script src="node_modules/monaco-editor/esm/vs/editor/editor.api.js"></script>
</head>
<body>
    <div id="container" style="width:800px;height:600px;border:1px solid grey"></div>
    <script>
        require.config({ paths: { 'vs': 'node_modules/monaco-editor/esm/vs' }});
        require(['vs/editor/editor.api'], function(monaco) {
            monaco.languages.register({ id: 'mySpecialLanguage' });
            monaco.editor.create(document.getElementById('container'), {
                value: 'Hello, world!',
                language: 'javascript'
            });
        });
    </script>
</body>
</html>

4. 验证API的使用

一旦你编写了代码来使用API，你需要验证你的代码是否按预期工作。这可以通过查看控制台输出、检查网络请求、使用调试工具或在界面上查看结果来完成。

5. 测试和调试

编写测试来验证你的代码是否按预期与API交互是非常重要的。这可以包括单元测试、集成测试或端到端测试。如果出现问题，你可以使用调试工具来查找和修复问题。

6. 文档和注释

随着你使用API的进展，确保你的代码有适当的文档和注释。这将有助于其他开发者理解你的代码是如何工作的，以及你是如何使用API的。

7. 遵循最佳实践

确保你遵循了与API使用相关的最佳实践，例如处理错误、验证输入、优化性能等。这有助于确保你的代码是健壮的、可维护的，并且能够有效地使用API。

1 个回答

得票最新

墨松

484321

发布于
7 月 7 日美国

比如这个示例：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Monaco Editor Example</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/editor/editor.main.min.css">
</head>

<body>
  <div id="container"></div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs/loader.min.js"></script>
  <script>
    // 等待页面加载完成
    window.addEventListener('load', function () {
      // 配置 monaco-editor
      require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.1/min/vs' } });

      require(['vs/editor/editor.main'], function () {
        var editor = monaco.editor.create(document.getElementById('container'), {
          value: 'console.log("Hello, Monaco Editor!");',
          language: 'javascript'
        });
      });
    });
  </script>
</body>

</html>

create API 的文档是：https://microsoft.github.io/monaco-editor/typedoc/functions/e...