monaco 编辑器支持内置的语法高亮和提示

monaco是vscode 当前正在使用的编辑器，对于代码高亮，提示等功能支持的很完全，这里主要介绍一下我在开发中遇到的编辑器需要提示JS的语法是如何处理的，

我的项目是vite的，vite-plugin-monaco-editor这个组件可以支持'css' | 'html' | 'json' | 'typescript' | 'editorWorkerService';这几种类型，想要支持JS就使用 typescript ，我这里支持了JSON和JS，就这样配置：

monacoEditorPlugin({
languageWorkers: ["json", "typescript"],
}),

但是要注意；package.json 中的 "type": "module" 要去掉，不然就会出现
monacoEditorPlugin is not a function
的问题

，其他编译的时候正常创建编译器就好，示例代码如图：

效果图：