什么是vs code
巨硬主导的开源文本编辑器项目,如果你不知道它,一定也听说过sublime 或者atom ,最起码也听说过Notepad++。
为什么要用 vs 上code
用了两年的sublime text 3, 忘了是谁在我一开始用的时候给我提供了一个注册码,以至于我都忘了这货不是一个开源软件。直到几天前突然提示我更新,要知道sublime text 3 的beta版已经持续了好几年。我一激动就点了更新然后……就一直提醒我要不要买。问了问身边的其他人也早已经慢慢从sublime转向了其他的阵营,再加上sublime用的却是不太顺心,我也就有了换一个编辑器的想法。
目前大家用的最多的三款编辑器分别是sublime、atom和vs code。于是我用两天时间重点体验了atom 和 vscode, 进行了几项比较之后决定投入vs code 的怀抱。
比较内容如下:
- 启动速度尽量快,打开稍大的文件尽量快;
- 尽量少吃内存;
- 插件要丰富,可以方便的测试和debug
- 使用逻辑要符合自己的口味
比较结果
占用内存和启动速度方面,vs code 给我的感觉和sublime基本不分上下,而atom则表现出了比较明显的缺点。
插件的丰富程度和管理容易度上atom 和vs code 确实都甩sublime 几条街,而且atom 绝大多数插件都支持二次定制,非常强大。
使用逻辑上,vs code 给我的感觉最为清晰,而且很好的支持源代码托管以及各种调试。另外,国际化的支持使得vs code 支持简体中文,初次使用更容易上手。
所以,就选定了vs code 。而这篇文章就是我在vs code 上用Markdown写成的,多窗口布局支持再配合上牛人的插件支持实时预览。
vs code 使用体验
整体界面
如上图所示,初次打开vs code 会发现界面主次分明,非常简洁。左边栏从上到下依次是文件资源管理器,跨文件(文件夹)搜索,源代码管理,启动测试和扩展管理。直观醒目,想干什么点什么就可以,完全不用去管顶部的各种选项。左下角会显示你当前脚本中的各种错误和警告信息。使用F1
或者ctrl+shift+P
可以调出快速导航栏,和sublime类似。
资源管理器
打开资源管理器,展示的内容也是足够清晰(这里我安装了project manager 扩展),首先是编辑器已经打开的文件,然后是正在使用的项目,最后可以提前存入若干常用的项目放在favorites列表中做到一件切换。
需要说明,我安装的insider版本已经支持在工作区同时打开多个文件夹了。但是由于我不同文件夹在服务器的备份位置不同,所以还是把每个文件夹看做一个独立的项目更加合适,在后期利用sftp插件备份会更加灵活。
启动调试
vs code 支持多种语言的调试,当然主打还是web开发。我们其实可以把vs code和atom 这类编辑器大致理解为一个浏览器。在vs code的调试界面中,可以显示变量和监事信息,也可设置断点,另外,还有插件(Debugger fro chrome)助阵。
扩展管理
点击扩展管理图标后,你可以轻松的查看管理已经安装的扩展插件,也可以在搜索框里搜索自己想要的插件进行安装。这里多说一句,插件真的是太多了,我目前已经安装了46个,打算再使用半个多月的时间将插件总数控制在30个以内,以后想安装一个新的就必须删掉一个旧的。很多时候,less is more。
这次就先写到这里,更多的使用技巧下次再说。