Question

Visual Studio Code 出来了，有没有适合这个IDE的插件

Answer 1

首先对Visual Studio Code做一个大概的介绍。首先明确一下，这个Visual Studio Code（以下简称 vscode）是一个带GUI的代码编辑器，也就是只能完成简单的代码编辑功能，并不是一个集成开发环境（IDE）。而Visual Studio、WebStorm 这类的开发工具是 IDE，功能强大，这两个是不一样的概念。

有些答案在讨论配置文件是JSON格式的，这个已经是Sublime、Atom这一类编辑器的标配了。另外，关于Web云端开发的支持，第一版本也没有相关的功能。目前仅仅就是一个编辑器而已，跟连接微软的后端云服务没啥关系。当然，可能以后的版本会加入直接连接云端进行开发吧。

目前市场上比较常见的一些GUI编辑器的产品：Sublime、Notepad++、Atom、H5
Builder、Brackets等等，包括终端下的Vim、Emacs等等，都是这个vscode的竞品。我个人比较常用Sublime，Atom少用，所以只能对比下Sublime。

以下从刚刚的试用情况来大概谈一谈编辑器独特的地方，仅供参考。

1. 外观：

典型的VS风格的UI，支持light和dark两种theme切换。旁边按钮分别是新建、搜索、git和调试。不过功能布局情况，完全类似Atom。

2. 性能：

MacBook Air上将近300万行代码的文件，打开需要5、6秒，浏览无卡顿，无崩溃现象，继续coding也不卡顿，Go to Line也不卡顿，粘贴代码会卡顿、问题不大。Sublime3的最新版连打开这个文件，都要将近2分钟，根本不比了。

3. 用户体验细节

这个我一点一点来说
(1) 可以直接点击GUI按钮或者右键进行新建File、Folder这样的操作。（以前的Sublime这方面比较差）

(2) 直接分离tab和关闭tab

左边的按钮可以直接split窗口。。比Sublime方便多了。右边的x可以直接关闭标签。
然后左侧还可以看到一个大的蓝色按钮，可以直接Open Folder，也比较爽。。这里也就直接暗示了以Folder为项目，不然很多新手弄不清楚打开文件、打开Folder什么的。

(3) 无插件化的代码diff
非常强大的一个功能，目前发现两个方式可以启动diff功能。
第一种是在左侧，右键文件select to compare，然后再右键一个文件Compare with ‘xx’，就可以出现diff。第二种是git的模式下，点击右上角的switch to changes file，就可以启动diff。

然后左上角点击…按钮，会出现

然后点击switch to Inline View，可以并到一个tab diff。

(4) 代码补全支持Angular标签、支持函数说明提示

然后简单试了一下HTML和JS的代码补全（C#试了貌似没有补全，具体的再看）
HTML的补全算不错的，还支持Angular的标签补全。
JS的代码补全太帅了，直接看图吧，每个函数属性都有说明。支持Node补全。。

(5) 自动提示覆盖配置文件&悬浮提示

这种编辑器，自己改配置文件也是很常见的。目前，不支持对不同语言进行独立配置，都是集成在一个配置文件里面；不过支持对不同项目有不同的配置文件，支持快捷键配置。

配置的时候有两点很nice：

1. 会自动打开Default Settings和User Settings，提示让你在右侧修改覆盖自己的配置文件。这个对新手很友好、也很方便。
2. 另外鼠标放到配置文件（JSON格式）的key上，会自动悬浮提示。

(6) 语法错误提示 & 格式化代码 & 无插件化的代码Debug

内置了语法错误提示，很方便。

右键代码区域支持自动格式化代码，挺不错的。

编辑器还带了原生的Debug功能。
目前来看，配置文件主要是前端开发方面的配置，Debug支持Node和Mono（.Net）。