项目里用了vite,monaco-editor,尤大大写了一个demo,直接用的js的。 https://github.com/vitejs/vite/discussions/1791 没有中文本地化的语言包,全网都是webpack的,和小伙伴一起努力弄了一个vite插件,支持了一下。 https://github.com/pearone/vite-plugin-monaco-editor-nls...
Add this plugin in vite.config.ts: importMonacoEditorNlsPlugin,{esbuildPluginMonacoEditorNls,Languages,}from'vite-plugin-monaco-editor-nls';// https://vitejs.dev/config/exportdefaultdefineConfig({resolve:{alias:{'@':resolve('./src'),},},build:{sourcemap:true,},optimizeDeps:{/** vite >=...
editor = monaco.editor.create(document.getElementById('codeEditBox')asHTMLElement, {value:text.value,// 编辑器初始显示文字language:'go',// 语言支持自行查阅demoautomaticLayout:true,// 自适应布局theme:'vs-dark',// 官方自带三种主题vs, hc-black, or vs-darkfoldingStrategy:'indentation',renderLine...
vite中使用monaco editor 在Vite中使用Monaco Editor,可以按照以下步骤进行: 1. 安装Monaco Editor依赖: ```bash npm install monaco-editor ``` 2. 在你的代码中导入Monaco Editor: ```javascript import * as monaco from 'monaco-editor'; ``` 3. 创建一个DOM容器用于显示编辑器: ```html ``` 4. ...
vite-monaco-editor 按需引入 Monaco Editor 的一个例子,仅引入了 TypeScript 语言服务。如果需要引入其它语言,不涉及 Web Worker 的,直接引入monaco-languages/release/esm/LANG/LANG.contribution即可。详情见代码注释。 注意:由于 Firefox 目前不支持 ESM 方式引入 WebWorker ,故开发模式只支持 Chrome 内核的浏览器。
Vite Plugin monaco-editor-nls Install: yarn add -D vite-plugin-monaco-editor-nls Add this plugin in vite.config.ts: importMonacoEditorNlsPlugin, { esbuildPluginMonacoEditorNls, Languages, }from'vite-plugin-monaco-editor-nls';// https://vitejs.dev/config/exportdefaultdefineConfig({ resolve: ...
vite-plugin-monaco-editor 最新的版本是 22 年 7 月发布,依赖 monaco-editor 的版本是 0.33.0。用这两个版本肯定万无一失。 vite config 配置 vite config 增加如下配置 import monacoEditorPlugin from 'vite-plugin-monaco-editor'; // config { plugins: [ monacoEditorPlugin({}) ], optimizeDeps: { in...
import{defineConfig}from'vite';importmonacofrom'@tomjs/vite-plugin-monaco-editor';importreactfrom'@vitejs/plugin-react-swc';exportdefaultdefineConfig({// use the local monaco-editor, copy from node_modules to the dist directoryplugins:[react(),monaco({local:true})],}); ...
针对你在 vue3+vite 环境中使用 monaco-editor 时遇到的 error: unexpected usage at EditorSimpleWorker 报错,这里有几个可能的解决方案: 1. 确认 monaco-editor 的版本和引入方式 确保你使用的 monaco-editor 版本与 vite 和vite-plugin-monaco-editor 兼容。根据参考信息,建议使用以下版本组合: json "monaco-edi...
A vite plugin for the Monaco Editor. Contribute to tanghaojie/vite-plugin-monaco-editor-esm development by creating an account on GitHub.