如何在Monaco-Editor中禁用内置javascript/typescript代码建议

存在可直接配置的选项，你可以通过以下操作实现切换为Language Server提供的代码建议：

步骤1：关闭内置JavaScript/TypeScript的代码补全能力 #

首先修改Monaco对应语言的默认配置，禁用内置语言服务的建议输出：

import * as monaco from 'monaco-editor'

// 处理JavaScript
const jsDefaults = monaco.languages.typescript.javascriptDefaults
jsDefaults.setCompilerOptions({
  noLib: true, // 不加载内置标准库的类型定义，避免输出内置类型提示
  allowNonTsExtensions: true
})
// 直接覆盖内置的补全提供器，返回空建议
monaco.languages.registerCompletionItemProvider('javascript', {
  provideCompletionItems: () => ({ suggestions: [] })
}, 9999) // 优先级设为最高，覆盖内置提供者逻辑

// 处理TypeScript时替换为typescriptDefaults即可，逻辑完全一致
const tsDefaults = monaco.languages.typescript.typescriptDefaults
tsDefaults.setCompilerOptions({
  noLib: true
})
monaco.languages.registerCompletionItemProvider('typescript', {
  provideCompletionItems: () => ({ suggestions: [] })
}, 9999)

步骤2：编辑器实例补充配置 #

创建编辑器时添加以下配置，避免其他内置建议和LSP输出重复：

const editor = monaco.editor.create(document.querySelector('#editor-container'), {
  language: 'javascript', // 按需替换为typescript
  wordBasedSuggestions: false, // 关闭基于当前文档单词的补全提示
  suggest: {
    showKeywords: false, // 按需关闭内置关键字提示
    showSnippets: false // 按需关闭内置代码片段提示
  }
})

额外优化（可选） #

如果你完全不需要内置的JS/TS语言服务能力，可以在定制Monaco打包配置时排除vs/language/typescript模块，既从根源避免内置建议输出，还能减少打包体积。

内容的提问来源于stack exchange，提问作者KNaito