俄语,学堂在线,国海证券-计算机教育培训,php工程师、前端工程师、java、python选择的技巧

频道:今日头条 日期: 浏览:275

介绍

Monaco Editor是为VS Code供给支撑的代码编辑器,运转在浏览器环境中。编辑器供给代码提示,智能主张等功用。供开发人员长途更便利的编写代码。移动浏览器或移动Web结构不支撑Monaco编辑器。简略的了解便是VSCode中的代码编辑器和Monaco Editor运用的许多相同的中心模块,你能够将Monac赛肤康o Editor用到自己的项目中,作为云端编辑器的支撑,支撑IE 11,Edge,Chrome,Firefox,Safari和Opera!



相关地址

Github:

https://github.com/microsoft/monaco-editor

文档和示例等:

https://microsoft.github.io/monaco-editor/

装置

装置没什么好说的李小龙之龙之兵士,你能够到上面地址球王开荒纪中下载,也能够直接运用npm装置

npm install monaco-editor@0.17.0

特性

  • 以下言语丰厚的智能感知以及验证功用

TypeScript, JavaScript, CSS, LESS, SCSS, JSON, HTML



  • 大都言语支撑的语法上色(高亮)支撑

XML, PHP, C#, C++, Razor, Markdown, Diff, Java, VB, CoffeeScript, Handlebars, Batch, Pug, F#, Lua, Powershell, Python, Ruby, SASS, R,俄语,书院在线,国海证券-计算机教育训练,php工程师、前端工程师、java、python挑选的技巧 Objective-C……



  • 代码差异比较

内联代码差异比较



非内联代码差异比较



  • 内置三种主题(用过VSCode都知道)

上面都是原生Visual Studio亮色j小学生主题

Visual Studio Dark主题:



高对比度暗色主题:



快速开端

想要直接开发或许不是一件十分简略的工作,所以给出官网供给的一切示例,主张感兴趣的同学能够直接下载下来检查相关示例代码

https://github.com/Microsoft/m再遇霍承安onaco-edi俄语,书院在线,国海证券-计算机教育训练,php工程师、前端工程师、java、python挑选的技巧tor-samples/

1、在终端履行以下四条指令,条件是你已存在git和node的环境,假如不存在则先装置git或许node


git clone https://github.com/Microsoft/monaco-editor-samples俄语,书院在线,国海证券-计算机教育训练,php工程师、前端工程师、java、python挑选的技巧.git
cd monaco-editor-samples
npm install .
npm run sim弗萨卡pleserver

2、然后访西安鼎德宝问http://localhost:88林初一88即可体会

挑选你想体会的示例,有一些或许还需求其他的操作,依照提示来即可



3、项目示例Demo介绍



  • browser-amd-editor:

运用AMD推迟加载在浏览器中运转

  • browser-script-editor

经过

标签运用AMD同步加载在浏览器中运转

  • browser-esm-webpack

运用webpack在浏览器中运转

  • browser-esm-webpack-small

运用webpack在浏览器中运转(仅限编辑器的一个子集)

  • electron-amd

在electron运转

  • nwjs-amd

在nwjs中运转。v2初始版别没有


其他示例和用法

  • browser-amd-diff-editor

在浏览器中运转代码差异比较编辑器

  • browser-amd-iframe江州二院