vue使用monaco editor汉化右键菜单示例_vue.js_

npm install monaco-editor --save npm install monaco-editor-nls --save npm install monaco-editor-webpack-plugin --save npm install monaco-editor-esm-webpack-plugin --save-dev 

{ "dependencies": { "monaco-editor": "^0.20.0", "monaco-editor-nls": "^2.0.0", "monaco-editor-webpack-plugin": "^1.9.1", }, "devDependencies": { "monaco-editor-esm-webpack-plugin": "^2.0.0" } }

const MonacoWebpackPlugin = require('monaco-editor-esm-webpack-plugin'); module.exports = { configureWebpack: { module: { rules: [{ test: /\.js/, enforce: 'pre', include: /node_modules[\\\/]monaco-editor[\\\/]esm/, use: MonacoWebpackPlugin.loader }] }, plugins: [ new MonacoWebpackPlugin() ] } }

// 汉化 monaco import { setLocaleData } from "monaco-editor-nls" import zh_CN from "monaco-editor-nls/locale/zh-hans" setLocaleData(zh_CN) //先汉化语言，再加载monaco才能汉化成功，使用import方式无法汉化 //需要使用require方式引入monaco-editor //import * as monaco from 'monaco-editor' const monaco = require("monaco-editor/esm/vs/editor/editor.api");