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', }, ... };
以微信7.0.19版本号为例子,微信找群的方式以下: 1、在手机上进入微信。 2、点一下微信中右上方的“ ”挑选进行闲聊。 3、点一下挑选一个群,就可以寻找全部的群。 ...
本文介绍一个用C语言和网络数据包分析开发工具实现的简易网络Sniffer。目前,已经有不少的Sniff工具软件,如Windows环境下,最富盛名的工具是Netxray和Sniffer pro,用它们在...
烦人的弹窗广告 最初笔者就是忍受不了Windows一开机弹窗就铺天盖地,所以才转战国产操作系统。本来电脑配置不高,加上弹窗一堆,开机反应慢的很。而中兴新支点操作系统对于配置的要求不高,日常使用都...
黑客是用什么软件来控制别人手机(黑客手机定位追踪软件)(tiechemo.com)一直致力于黑客(HACK)技术、黑客QQ群、信息安全、web安全、渗透运维、黑客工具、找黑客、黑客联系方式、24小时在...
今天教大家快速的把比较灰的图片调成白底图,方法很简单,只需要两步就能够完成! 原图 最终效果图 1. 首先我们打开ps,然后在ps中打开需要处理的照片,想试试手的可以直接保存我上方的原图,然后复制一张...
找手机黑客高手相关问题 怎么学黑客破解软件技术相关问题 黑客用什么工具 怎么让你变成黑客(如何变成黑客) 黑客的...