在 Ubuntu 中使用 Visual Studio Code

前言##

我一直在 Linux 桌面系统下的探索寻找各种界面美观、使用舒适的软件工具。对于Linux下的开发人员来讲，这几年最大的福利就是 MicroSoft 推出的 Visual Studio Code 了。在 Visual Studio Code 推出之前，有一些领域总是很难找到顺手的工具。比如说 JavaScript，如果不想用 WebStorm 这么重量级且要付费（近几年 WebStorm、PyCharm、IDEA等工具都有免费的 Community 版）的 IDE 的话，就基本上没啥好用的工具了。对于 C/C++ 也一样。Eclipse 现在也在走下坡路，除了 Java 开发可圈可点外，对 JavaScript、Python、C/C++ 的支持可以说是非常垃圾，连智能提示都做不好，还敢说自己是 IDE，还不如一些简单的编辑器，比如 Geany、Vim 这样的。而且 C/C++ 领域的其他 IDE，比如 Code::Blocks、KDevelop、Qt Creator、Eclipse CDT 什么的我都试过，也不是很顺手。我对我使用的工具还是有点要求的，基本上需要满足以下几条：

1. 轻量级。我更喜欢编辑器而不是 IDE，因为 IDE 一般都太笨重了，即占硬盘空间，又启动缓慢，还喜欢在你的项目里面添加一堆乱七八糟的工程文件。有的还提供一大堆八辈子都用不上的复杂功能。但是即使是对于程序员而言，他所需要的也仅仅是语法高亮、智能提示、自动补全等核心功能而已，如果能在符号间跳转和导航、并且能够定义外部工具或在不离开编辑器窗口的情况下执行 Shell 命令，就更完美了。
2. 界面美观。以上提到的很多 IDE 被我淘汰，主要也是因为美观的原因。Vim 挺不错，以前写一些简单的 C/C++ 代码主要靠 Vim，但是纯字符界面的 Vim 在美观度上还是难以和 GUI 程序媲美的，特别是对有实时预览需求的领域，比如 HTML、CSS、Markdown 等等，必须得上 GUI 才好用。而 Linux 桌面下的 GUI 软件往往有硬伤，经常会出现界面丑陋、字体难看等缺点，而且有的还不稳定，经常崩溃。
3. 功能强大的智能提示和自动补全。Eclipse 做得不好，CDT 经常出现“Write Occurence of...”，就是没有智能提示，用 Eclipse 写 JavaScript 也没有智能提示，即使是网上广受好评的 PyDev 插件对 Python 的智能提示也做得不好。以上都是我亲自测试过的，绝无妄言。

可以这么说，Visual Studio Code 满足了我对轻量级编辑器的一切幻想。首先，这个工具非常小巧，安装包体积不大，启动速度又超快。而且它打开文件的速度非常快，基本上都是秒开。其次，它非常漂亮，无论是菜单栏、窗口标签、编辑器字体，还是窗口布局、颜色主题，都很符合我的口味。而且字体的设置也非常方便，我后面会讲到。最后，它的智能提示和自动补全功能很强大。目前，我用的是 Visual Studio Code 1.11 版，主要用来写 JavaScript 和 C/C++。而 Visual Studio Code 的 Python 插件非官方出品，功能还是差了些，所以我写 Python 还是只好用 PyCharm Community。

下面说说我对 Visual Studio Code 的体验。

下载和安装##

Visual Studio Code 的下载和安装非常简单，我就不多说了，直接贴下载网页的截图，地址大家自己看。如下图：

它的文档也是非常完善的，每次使用它编写不同的编程语言的程序时，我都看一下相关的文档。如下图：

界面美化##

前面提到过，如果一个软件界面不漂亮，或者不符合我的习惯，我是用得不开心的。Visual Studio Code 刚开始使用时，界面是这样的：

这个界面对我来说存在以下几个问题：

1. 字太小；
2. 最左边的那一竖条太讨厌了，我要去掉它；
3. 编辑器的字体是 Courier New，虽然是等宽字体，但是该字体比较细，适合打印，不适合屏幕显示，我要改成 Consolas；
4. 界面默认是中文，我有时想把它改成英文。

小字变大这太简单了，使用快捷键 Ctrl+= 就可以了，如果要缩小，快捷键 Ctrl+- 。如下图：

最左边那个竖条叫 Active Bar，可以从 View 菜单中设置为不显示，如下图：

改字体，这需要更改 Visual Studio Code 的配置。Visual Studio Code 的设计非常合理，要更改配置在菜单里面就可以找到，但是配置是以配置文件的形式明文存在的，而且配置文件都是 json 格式，太方便了。和编辑器有关的配置文件是 settings.json，该配置文件分用户级别的和工作区级别的，用户级别的放在目录 ~/.config/Code/User 中，而工作区级别的就放在工作目录中的.vscode目录中。如下图：

从上图可以看到，我们对编辑器字体的缩放以及对 Active Bar 的设置也被保存到了用户级别的 settings.json 文件中。如果要更改界面的语言，就需要设置 locale.json 配置文件。这个设置从菜单中找不到，只能使用 Ctrl+Shift+P 这个快捷键找到设置入口，如下图：

Visual Studio Code 支持的语言：

和项目有关的配置文件##

前面说过，我不喜欢重量级的工程项目，不喜欢项目文件把我的工作目录搞得乱七八糟。Visual Studio Code 非常轻便，默认一个目录就是一个工作区，我们的工作只需要以目录的形式组织就可以了。但是对于不同的项目而言，基本的配置文件还是要有的。好在这些配置文件都放在工作目录的 .vscode 目录下，而且都是 json 格式，比较好管理。对于每种不同的语言和不同的项目，其配置文件是不同了，但是并不复杂，通过查看文档即可解决。

比较常见的文件是 launch.json 和 tasks.json。launch.json 一般用于对调试的支持，也就是告诉 Visual Studio Code 使用哪个调试器运行我们的程序，或者怎样远程连接到调试器。如下图，是我的一个 JavaScript 项目的截图：

可以看到，我们使用 Node.js 来运行这个 JavaScript 文件来进行调试。而 tasks.json 中可以定义 Task，而 Task 可以是运行一个外部程序，这大大加强了 Visual Studio Code 的功能。使用 Task，我们可以使用各种各样的软件工程学的工具，比如 make啊、gulp啊什么的。

最后再来看看我的一个简单的 C/C++ 项目，如下图：

关于其中的 launch.json、tasks.json、settings.json 前面已经讲过了，就是多了一个 c_cpp_properties.json 文件。这其实也很好理解，和 C/C++ 相关的那些属性都应该设置在这里嘛，比如从哪些目录 include 头文件、怎么解析符号、怎么进行自动补全之类的，都应该在这个配置文件中。而对于软件工程学方面的内容，比如 Build、Clean、Run 这样的东西，我觉得应该属于 Task 吧，而且据说 Visual Studio Code 对 Git 的支持也不错哦。

总结##

总而言之， Visual Studio Code 非常方便好用。目前我还只是用它写 JavaScript 和 C/C++。至少在这两个领域我已经用它代替了 Vim。就写这么多吧，至于 Visual Studio Code 对软件工程学方面的支持，我还要继续摸索。

（京山游侠于2017-04-21发布于博客园，转载请注明出处。）