// 在configureWebpack配置插件 plugins: [ new MonacoWebpackPlugin() // 根据自己的情况配置所需要的languages等 ] 1. 2. 3. 4. 5. 6. 7. 编辑器实现MonacoEditor.vue <template> </template> import * as monaco from 'monaco-editor' export default { name: 'CodeEditor', props: { editable:...
在Vue2项目中使用monaco-editor,你可以按照以下步骤进行配置和集成: 1. 安装并引入monaco-editor 首先,你需要安装与Vue2兼容的monaco-editor和monaco-editor-webpack-plugin版本。根据搜索结果,推荐使用monaco-editor@0.30.1和monaco-editor-webpack-plugin@6.0.0。 bash npm install monaco-editor@0.30.1 npm install...
本文在vue-cli创建的项目中，使用vue2 需要安装两个包 "monaco-editor":"0.30.0",// 编辑器主体"monaco-editor-webpack-plugin":"6.0.1",// 帮我们处理语法高亮等问题 使用 yarn add 或者 npm install 等命令均可，但是版本会有很大的影响 monaco-editor 的版本与 monaco-editor-webpack-plugin 的版本...
本文在vue-cli创建的项目中,使用vue2 需要安装两个包 "monaco-editor":"0.30.0",// 编辑器主体"monaco-editor-webpack-plugin":"6.0.1",// 帮我们处理语法高亮等问题 使用yarn add 或者 npm install 等命令均可,但是版本会有很大的影响,monaco-editor 的版本与 monaco-editor-webpack-plugin 的版本有对应...
一、安装(注意webpack-plugin对应版本,否则不能运行) yarn add monaco-editor@0.29.1 yarn add monaco-editor-webpack-plugin@5.0.0 -D 二、配置vue.config.js const MonacoWebpackPl
1.安装MonacoEditor cnpm install -S editor@1.0.0cnpm install -S monaco-editor@0.19.3cnpm install -S monaco-editor-webpack-plugin@1.9.1 AI代码助手复制代码 2.配置vue.config.js文件 constMonacoWebpackPlugin=require('monaco-editor-webpack-plugin');module.exports= { ...
本文在vue-cli创建的项目中,使用vue2 需要安装两个包 "monaco-editor":"0.30.0",// 编辑器主体"monaco-editor-webpack-plugin":"6.0.1",// 帮我们处理语法高亮等问题 使用yarn add 或者 npm install 等命令均可,但是版本会有很大的影响,monaco-editor 的版本与 monaco-editor-webpack-plugin 的版本有对应...
vue2.x中使用monaco-editor 安装 注意两个库的版本指定 npm install monaco-editor@0.30.1--save-dev npm install monaco-editor-webpack-plugin@6.0.0--save-dev 配置 vue.config.js中配置 constMonacoWebpackPlugin=require('monaco-editor-webpack-plugin')module.exports={configureWebpack:{plugins:[newMonaco...
最后发现微软的 Monaco Editor 在线代码编辑器,这个插件就是牛!对此进行基于Vue2.X/Vue3.X的封装和使用。 // 查看 xxx 版本 格式:npm view xxx versions --json 举例:npm view monaco-editor versions --json // monaco-editor 插件,必须 npm install monaco-editor --save-dev ...
vue2-monaco-editor/README.md Go to file Copy path Cannot retrieve contributors at this time 21 lines (17 sloc)239 Bytes RawBlame Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production ...