项目里用了vite,monaco-editor,尤大大写了一个demo,直接用的js的。 https://github.com/vitejs/vite/discussions/1791 没有中文本地化的语言包,全网都是webpack的,和小伙伴一起努力弄了一个vite插件,支持了一下。 https://github.com/pearone/vite-plugin-monaco-editor-nls...
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. ...
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...
import{editorasMonacoEditor}from'monaco-editor';import'monaco-editor/esm/vs/basic-languages/sql/sql.contribution';consteditor=MonacoEditor.create('#editor',{/* 一些配置, 比如说主题,语言类型,等等 */theme:'vs',/* 语言 */language:'sql',/* 是否只读 */readOnly:false,/* 初始值 */value:'',...
monaco-editor:是网页编辑器的核心包,整体非常大,因为支持了很多的语言与很多的扩展功能。 monaco-editor-webpack-plugin:因为monaco-editor直接单独引入的情况下所支持的基本使用不能满足我们的需求,我们还需要支持智能提示等功能,所以需要额外单独做一些配置操作,虽然官网文档说明已经很清晰,但是配置起来还是不免比较繁琐...
vite-monaco-editor 按需引入 Monaco Editor 的一个例子,仅引入了 TypeScript 语言服务。如果需要引入其它语言,不涉及 Web Worker 的,直接引入monaco-languages/release/esm/LANG/LANG.contribution即可。详情见代码注释。 注意:由于 Firefox 目前不支持 ESM 方式引入 WebWorker ,故开发模式只支持 Chrome 内核的浏览器。
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...
对于高版本vue-cli创建的项目,默认使用webpack5,或者使用vite创建的项目是可以支持最新的monaco-editor版本的。 对于版本的支持,做如下标示: 较低版本monaco-editor@0.30.1monaco-editor-webpack-plugin@6.0.0monaco-editor-nls@2.0.0 较高版本monaco-editor@0.32.0//或更新monaco-editor-webpack-plugin//已经与mon...
针对你在 vue3+vite 环境中使用 monaco-editor 时遇到的 error: unexpected usage at EditorSimpleWorker 报错,这里有几个可能的解决方案: 1. 确认 monaco-editor 的版本和引入方式 确保你使用的 monaco-editor 版本与 vite 和vite-plugin-monaco-editor 兼容。根据参考信息,建议使用以下版本组合: json "monaco-edi...
Vite & monaco-editor-workers #67 cdietrich opened this issue Mar 7, 2024· 11 comments Comments Contributor cdietrich commented Mar 7, 2024 Hi, how to bundle monaco-editor-workers with vite? is there any example that works with import meta url? Collaborator kaisalmen commented Mar 7, 202...