vs code 使用初体验

vs code 使用初体验

什么是vs code

巨硬主导的开源文本编辑器项目,如果你不知道它,一定也听说过sublime 或者atom ,最起码也听说过Notepad++。

为什么要用 vs 上code

用了两年的sublime text 3, 忘了是谁在我一开始用的时候给我提供了一个注册码,以至于我都忘了这货不是一个开源软件。直到几天前突然提示我更新,要知道sublime text 3 的beta版已经持续了好几年。我一激动就点了更新然后……就一直提醒我要不要买。问了问身边的其他人也早已经慢慢从sublime转向了其他的阵营,再加上sublime用的却是不太顺心,我也就有了换一个编辑器的想法。

目前大家用的最多的三款编辑器分别是sublime、atom和vs code。于是我用两天时间重点体验了atom 和 vscode, 进行了几项比较之后决定投入vs code 的怀抱。

比较内容如下:

  1. 启动速度尽量快,打开稍大的文件尽量快;
  2. 尽量少吃内存;
  3. 插件要丰富,可以方便的测试和debug
  4. 使用逻辑要符合自己的口味

比较结果

  1. 占用内存和启动速度方面,vs code 给我的感觉和sublime基本不分上下,而atom则表现出了比较明显的缺点。

  2. 插件的丰富程度和管理容易度上atom 和vs code 确实都甩sublime 几条街,而且atom 绝大多数插件都支持二次定制,非常强大。

  3. 使用逻辑上,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。

这次就先写到这里,更多的使用技巧下次再说。


本文作者:思考问题的熊

版权声明:本博客所有文章除特别声明外,均采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 (CC BY-NC-ND 4.0) 进行许可。

# 前端
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×