vscode在线编辑(vscode在线编辑器)

vscode远程ubuntu代码编辑

环境:ubuntu18.03

安装并开启 ssh server

在 扩展商店 搜索 Remote - SSH 并安装,如图所示:

F1 打开控制面板,搜索 Remote-SSH ,选择 Open Configuration File...

F1 打开控制面板,搜索 Remote-SSH ,选择 Connect to Host

然后在新打开的vscode窗口,在控制面板提示输入密码的时候,输入 密码 即可

怎么用vscode编写爱心代码

1、首先先打开电脑进入,点击桌面上的vscode这款代码编辑器。

2、其次在浏览器中,搜索到爱心代码的代码。

3、最后在进入vscode这款编辑器,将代码输入,即可将爱心代码给打出来。

微软开源在线代码编辑器——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、然后访问即可体验

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

3、项目示例Demo介绍

其他示例和用法

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

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

React版本:

Vue版本:

Angular版本:

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

361知讯网

本文链接:http://pdidw.com/vs/47760.html

发表评论

评论列表

还没有评论,快来说点什么吧~