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
的问题
,其他编译的时候正常创建编译器就好,示例代码如图:
效果图:
标签:typescript,高亮,json,JS,编辑器,monaco From: https://www.cnblogs.com/llcdbk/p/18635312