Monaco 编辑器 - 与 JSHint 集成

Question

有什么方法可以将 monaco 编辑器与 jshint linting 工具集成在一起吗？

我知道 monaco 提供了设置编译器选项的可能性，但它们对我来说还不够。例如，我想要求在语句末尾使用分号，但找不到这样做的方法。

Answer 1

好的，我找到了一种方法，但我还在想是否有更好的方法。

基本上，我可以运行手动对我的代码进行 JSHint 分析。

jshint.JSHINT(this.code, options, predef)

然后根据结果我可以创建我的自定义模型标记。类似于：

let errors = jshint.JSHINT.data().errors.map(e => {
        return {
          startLineNumber: e.line,
          startColumn: e.character,
          endLineNumber: e.line,
          endColumn: e.character,
          message: e.raw,
          severity: e.code.startsWith('E') ? monaco.Severity.Error : monaco.Severity.Warning
        }
      })

并为我的编辑器设置模型标记。

monaco.editor.setModelMarkers(this.editor.getModel(), 'test', errors)

这有效，虽然我仍然想自定义错误标记，但也许有更自然的方法？

Monaco 编辑器 - 与 JSHint 集成

Monaco editor - integration with JSHint

javascript

lint

jshint

monaco-editor

visual-studio-monaco