Visual Studio Code 简单试用体验

fpcm 10年前

文/马天翼

我没看现场的发布会,我是睡觉突然醒了直接看到微博上刷屏的信息,从床上跳下来,下载,试用,然后冒着猝死的风险来写答案。(早晨起来整理一下答案,fix 一些细节)

首先对 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. 外观

Visual Studio Code 简单试用体验

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

2. 性能

Visual Studio Code 简单试用体验

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

3. 用户体验细节

这个我一点一点来说:

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

Visual Studio Code 简单试用体验

Visual Studio Code 简单试用体验

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

Visual Studio Code 简单试用体验

左边的按钮可以直接 split 窗口。比 Sublime 方便多了。右边的x可以直接关闭标签。

然后左侧还可以看到一个大的蓝色按钮,可以直接 Open Folder,也比较爽。。这里也就直接暗示了以 Folder 为项目,不然很多新手弄不清楚打开文件、打开 Folder 什么的。

Visual Studio Code 简单试用体验

(3) 无插件化的代码 diff

非常强大的一个功能,目前发现两个方式可以启动 diff 功能。

第一种是在左侧,右键文件 select to compare,然后再右键一个文件 Compare with 'xx',就可以出现 diff。第二种是 git 的模式下,点击右上角的 switch to changes file,就可以启动 diff。

Visual Studio Code 简单试用体验

然后左上角点击...按钮,会出现

Visual Studio Code 简单试用体验

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

Visual Studio Code 简单试用体验

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

然后简单试了一下 HTML 和 JS 的代码补全(C#试了貌似没有补全,具体的再看)

HTML 的补全算不错的,还支持 Angular 的标签补全。

JS 的代码补全太帅了,直接看图吧,每个函数属性都有说明。支持 Node 补全。。

Visual Studio Code 简单试用体验

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

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

配置的时候有两点很 nice:

1. 会自动打开 Default Settings 和 User Settings,提示让你在右侧修改覆盖自己的配置文件。这个对新手很友好、也很方便。

2. 另外鼠标放到配置文件(JSON 格式)的 key 上,会自动悬浮提示。

Visual Studio Code 简单试用体验

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

Visual Studio Code 简单试用体验

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

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

编辑器还带了原生的 Debug 功能。

目前来看,配置文件主要是前端开发方面的配置,Debug 支持 Node 和 Mono(.Net)。

开启 Debug 功能,必须要 Mono3.0 安装好,我光调试 Node 也要安装,不清楚为什么。

点击左侧的 Debug 按钮,会自动在目录下生成 Debug 的配置文件。

Visual Studio Code 简单试用体验

按照自己所需修改好,然后左侧选择要 Debug 的配置,然后就跑起来了。

Visual Studio Code 简单试用体验

(7) 支持简单的多行选择

在单词上右键 Change All Occurrences,然后就可以选择多行了。

Visual Studio Code 简单试用体验

Visual Studio Code 简单试用体验

现在唯一的问题就是不支持大家最关心的插件化,但是这只是刚开始,只是第一版,插件化对微软来说也应该只是分分钟。而且第一版放出来就支持插件 化意义也不大,因为开发者们也都不知道微软要做这个东西,第一版放出来也没啥插件。我要是微软,第一版也不放,后续版本赶紧加进来就好,只要用户多,都不 是事儿。而且右下角直接有一个笑脸可以拿来反馈信息,所以大家有什么想反馈的,直接点那个按钮。

综上,说完了一些吸引人的 feature,放上我个人对其的初步评价,一个预期。

首先,免费开放肯定是非常好的消息,Sublime 毕竟是收费的,Sublime 3 连无限期免费试用都不行了。

其次,插件化、语言独立配置要赶紧加到日程里面,搞出来,这才是大炮。不过,以微软的水平,这个应该完全不是问题,而且官方文档里面也已经说了,这个是在日程上的事情。

再其次,用户体验的细节上,微软肯定是完爆 Sublime 的,见上文。

最后,对前端开发、Node、C#比较友好。以前搞前端开发的,特别是 Mac 和 Linux 的开发者,应该会比较倾向于这个了,估计很多都会把常用编辑器从 Sublime 换到这个了。C#开发者的话,应该还是在 Windows 上的开发者才会用的多,对他们而言,当做一个快速的编辑器不错,比 VS 本身打开方便多了。

其他语言方向的,如果之前用 Sublime 的,可能会比较多转到这个。如果这款编辑器微软真的比较重视的来发展、推广,支持插件化、语言独立配置之后,应该喜欢用 Sublime 来开发 Python、Ruby、Go 等等那批开发者都会切换到 vscode。

如果说,你比较急切,上面的话都懒得看,那么我主要浓缩总结三点特性:

1. 免费

2. 用户体验细节好,IDE 版的智能特性。

3. 流畅,完全不卡。(Atom 估计哭了,不知道微软为啥把自己改造的不卡了)

推出这个 vscode 对微软来说,就是标志着他们要开始席卷了,先让你们用上这种编辑器再说。当然对开发者来说,不管喜不喜欢用,反正不花钱多了一个选择,挺好的。

PS:话说到 Atom,确实到现在我都没再用过。(经过评论指正)不过微软 vscode 好像是 Atom Shell 套层壳子,应该是自己改了,不知道怎么改的这么快,具体情况不敢乱下结论。不过不管怎么样,你好歹改下二进制文件的名字吧。。。

Visual Studio Code 简单试用体验

来自: 知乎