Momonaco-editor是微软提供的代码编辑器,vscode即是使用它作为编辑器。它的开发语言是ts,可以嵌入到浏览器中。
npm install monaco-editor复制代码
本人写Vue + Webpack 较多,以此为例:
之一种写法: 使用 monaco-editor-webpack-plugin
// .vue 对应的 script剧本中 import * as monaco from 'monaco-editor'; monaco.editor.create(document.getElementById('container'), { value: [ 'function x() {', '\tconsole.log("Hello world!");', '}' ].join('\n'), language: 'javascript' });
// 在 webpack.base.conf.js 中 // 需要安装 monaco-editor-webpack-plugin const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin'); const path = require('path'); module.exports = { ... plugins: [ new MonacoWebpackPlugin() ] };
第二种写法:
// .vue 对应的 script剧本中 import * as monaco from 'monaco-editor'; // Since packaging is done by you, you need // to instruct the editor how you named the // bundles that contain the web workers. self.MonacoEnvironment = { getWorkerUrl: function (moduleId, label) { if (label === 'json') { return './json.worker.bundle.js'; } if (label === 'css') { return './css.worker.bundle.js'; } if (label === 'html') { return './html.worker.bundle.js'; } if (label === 'typescript' || label === 'javascript') { return './ts.worker.bundle.js'; } return './editor.worker.bundle.js'; } } monaco.editor.create(document.getElementById('container'), { value: [ 'function x() {', '\tconsole.log("Hello world!");', '}' ].join('\n'), language: 'javascript' });
// 在 webpack.base.conf.js 中 // 不需要安装任何剧本const path = require('path'); module.exports = { entry: { "app": './index.js', // Package each language's worker and give these filenames in `getWorkerUrl` "editor.worker": 'monaco-editor/e *** /vs/editor/editor.worker.js', "json.worker": 'monaco-editor/e *** /vs/language/json/json.worker', "css.worker": 'monaco-editor/e *** /vs/language/css/css.worker', "html.worker": 'monaco-editor/e *** /vs/language/html/html.worker', "ts.worker": 'monaco-editor/e *** /vs/language/typescript/ts.worker', }, ... };
iphone怎么毗连到电脑?此刻iphone的普及率还算是较量高的,可是此刻让许多网友郁闷的是不知道本身的iphone怎么链接到电脑上去。iPhone和其他Android智妙手机纷歧样,毗连电脑今后,...
http://site.com/CmsEasy_5.5_UTF-8_20140818/d/file/uploads/celive/admin/live/header.php?xajax=GetEndC...
“一阵秋雨一阵凉,气温。水温逐渐凉,鱼儿活跃咬钩旺,此乃钓鱼好时光。”可见秋季是垂钓的好时机。一般规律是如此,但也要垂钓有方,才能多钓鱼。农历7。 我喜欢钓野鲤,说说现在钓野鲤的体会,要想钓到大的野鲤...
ps怎么制做文本伸缩实际效果呢,话说许多客户都是在资询这个问题呢?下边就来我这儿看下ps制作文本左右折起来实际效果实例教程流程吧,必须的盆友能够参照下哦。 ps怎么制做文本伸缩实际效果呢,...
a)导出Burp Suite根证书0x00 eval和assert的差异咱们来看一下代码:图5 post提交无法绕过在侵略浸透一个大型方针网络时我一般分为4个大过程,信息收集-扫描查点-进犯获取权限—...
前几天小编看到不少关于微信聊天记录泄露的消息,不少人都表示自己明明已经删除了微信聊天记录,竟然还会泄露,难道微信聊天记录不能彻底删除吗?答案当然是可以彻底删除的,只是很多人删除的微信聊天记录并不彻底,...