微软开源在线代码编辑器——Monaco Editor

作者&投稿:颛贱 (若有异议请与网页底部的电邮联系)
~

Monaco Editor是为VS Code提供支持的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。移动浏览器或移动Web框架不支持Monaco编辑器。简单的理解就是VSCode中的代码编辑器和Monaco Editor使用的很多相同的核心模块,你可以将Monaco Editor用到自己的项目中,作为云端编辑器的支持,支持IE 11,Edge,Chrome,Firefox,Safari和Opera!

Github:

文档和示例等:

安装没什么好说的,你可以到上面地址中下载,也可以直接使用npm安装

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, Objective-C……

内联代码差异比较

非内联代码差异比较

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

Visual Studio Dark主题:

高对比度暗色主题:

想要直接开发可能不是一件非常简单的事情,所以给出官网提供的所有示例,建议感兴趣的同学可以直接下载下来查看相关示例代码

1、在终端执行以下四条命令,前提是你已存在git和node的环境,如果不存在则先安装git或者node

2、然后访问http://localhost:8888即可体验

选择你想体验的示例,有一些可能还需要其他的操作,按照提示来即可

3、项目示例Demo介绍

其他示例和用法

想要深入学习的小伙伴可以直接到官网上手学习,左边是配置,右边即可看到效果,这样的话学习起来会比较的快

以下版本可能无法跟进最新的版本

React版本:

Vue版本:

Angular版本:

Monaco Editor不得的不说是一个非常强大的在线代码编辑器,可以为自己的项目提供云端代码编辑器的基础技术支持,可以在其基础上扩展很多强大的功能,当然上手不一定简单,需要根据自己的需求确定开发方案,有需求的小伙伴可以去研究一下!




微软开源在线代码编辑器——Monaco Editor
Angular版本:Monaco Editor不得的不说是一个非常强大的在线代码编辑器,可以为自己的项目提供云端代码编辑器的基础技术支持,可以在其基础上扩展很多强大的功能,当然上手不一定简单,需要根据自己的需求确定开发方案,有需求的小伙伴可以去研究一下!

replit和docker的区别
回答是:replit和docker的区别是,Replit作为一款免费的在线代码编辑器和IDE,以其高效性和易用性为广大开发者提供了强大的支持。Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。

有哪些好用的在线 LaTeX 编译器?
LaTeX Lab提供了一个简洁且强大的在线编辑环境,特别适合那些寻求稳定性和性能的用户。它具备高级功能,如代码高亮显示和预览,同时还支持多文档管理,对于需要处理大量文档的用户来说是一大福音。选择一个合适的在线 LaTeX 编辑器,不仅要看其基本的编辑功能,还要考虑其扩展性、协作效能以及用户体验。以上提...

有哪些好用的代码编辑器值得推荐?
Visual Studio Code是目前最受欢迎的代码编辑器。Visual Studio Code是一个由微软公司发布的免费开源且跨平台的代码编辑器,刚一问世,它就以强大的功能、美观的界面、高度的可定制性,被誉为微软的良心之作。Visual StudioCode 内置了代码调试、Git 版本控制、代码高亮、智能代码补完、代码片段管理、代码...

哪个网站是免费提供代码的?
CodePen:这是一个在线代码编辑器,您可以在上面找到各种类型的代码示例,包括HTML、CSS、JavaScript等。Stack Overflow:这是一个问答社区,您可以在上面找到各种类型的代码解决方案,包括Web开发、数据库、网络安全等。SourceForge:这是一个开源软件托管平台,您可以在上面找到各种类型的开源软件和代码。Code...

osctools开源中国在线工具简介
OSCTools,作为开源中国社区的一员,为开发设计人员特别打造了一系列在线工具[1]。这款工具集诸多便利于一身,旨在提升开发效率和体验。首先,它提供了jsbin功能,允许用户在线调试CSS和JavaScript代码,无论是新手还是资深开发者,都能快速解决代码问题。除此之外,OSCTools内置了丰富的API文档库,涵盖超过...

你用过哪些好用的开源软件?
Think云策文档是一款开源知识管理工具,可通过独立的知识库空间,结构化地组织在线协作文档,实现知识的积累与沉淀,促进知识的复用与流通。该项目内置知识库、思维导图、文档模板、在线编辑器等多种工具。3.ONLYOFFICE文档 ONLYOFFICE文档是一款开源且免费的办公软件,并且可以部署在自己的服务器上,还可以集成...

写HTML5代码,用什么编辑器最好,最方便,最舒服
NO.1 DCloudHBuilder:基于HTML5开发工具 DCloudHBuilder:基于HTML5开发工具是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛,DCloud 还提供云端打包服务,可以让开发者直接在云端生成 .ipa 或 .apk 安装包供部署调试。NO.2 一款...

前端开发工具
CodePen是一个在线的HTML、CSS和JavaScript代码编辑器,能够编写代码并即时预览效果。可以用于在线展示的作品,也可以看到其他人在网页中实现的各种令人惊奇的效果。VScode免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、...

推荐些牛B的网站
2. GitHub:全球最大的开源社区,拥有超过4000万的开发者。3. Stack Overflow:全球最大的编程问答社区,涵盖几乎所有编程和技术。4. Medium:优秀的博客平台,汇聚了来自世界各地的创作者和写手。5. Coursera:知名的在线课程平台,提供了众多一流大学的课程和证书。6. TED:全球知名的演讲平台,涵盖了...

固始县14796195858: 现在比较好用的前端开发工具有哪些啊? -
资施速溶: 作为一个前端开发工程师,使用一款自己上手且功能强大的开发工具是非常重要的,但是面对这么多开发工具,到底哪个比较好呢?下面我个人推荐几款自己感觉还不错的前端开发工具,希望作为大家的参考. 1、hbuilder 作为一个编程的菜鸟...

固始县14796195858: 推荐一个好用的windows下的代码编辑器 -
资施速溶: 不怕麻烦,用Visual Studio.个人认为最强的集成开发环境. 怕麻烦,用Notepad++,一个很轻量的文本编辑器,但是代码上色、自动补全、括号匹配、正则表达式查找替换等功能一应俱全,还可以扩展.

固始县14796195858: 微软编辑代码的程序叫什么
资施速溶: 微软做的一个编程工具叫microsoft visual Studio (2005版本或2008版本或2010版本),因为microsoft visual Studio 是跨语言的编程工具,有个叫“公共语言运行时”,所以,你在那里面可以写C,也可以写C++,但最经典的是微软创建的C#语言,当开发网站的时候,你也可以写微软的ASP.NET.

固始县14796195858: linux 程序员用什么编辑器 -
资施速溶: Linux程序员经常抱怨,自从他们使用了免费开源的系统平台后,作为一名程序员,却并没有在代码编辑器上得到足够的重视.他们往往会认为Linux平台上的代码编辑器太少了,以至于影响他们的编程工作.但是事实并非如此,在Linux平台上有...

固始县14796195858: Visual Studio Code会开源吗 -
资施速溶: Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,并针对网页开发和云端应用开发做了优化.软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作

固始县14796195858: 有人在用 github 出的 atom 编辑器么 -
资施速溶: git diff 对比文件的差异 git branch 列出所有分支 git log 显示提交记录 分支 git brach 分支名 创建分支 git checkout 分支名 切换分支 提交 git add 跟踪新文件或者已有文件的改动,或者用来解决冲突 git commit 把文件从stage提交到branch 删除 git rm 文件名 不但从stage中删除,同时删除物理文件

固始县14796195858: 前端常用的几种在线代码编辑器各有什么优势 -
资施速溶: JS Bin - Collaborative JavaScript Debugging 介绍一款在线编辑器:jsbin jsbin的用法 优点:不需要登录,即发即预览 缺点:速度不靠谱 RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码 优点:国内访问速度快,可以上传图片(左下角) ...

固始县14796195858: dreamwaver - 什么是Dreamweaver?什么用处
资施速溶: Dreamweaver是Macromedia公司推出的可视化网页制作工具,是较受的网页设计人... 除了Dreamweaver之外,微软的办公软件office家族成员之一的FrontPage也是一种所...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网