这篇文章属于本人参考诸多博客、教程、文档等资料,所撰写的「Windows10上配置VS Code」系列文章的汇总目录,内容随时可能发生更新变动,欢迎关注和收藏本文以作备忘。
文章目录
- 0. 编辑器、IDE和环境搭建步骤
- 1. VS Code获取和基础配置
- 2. VS Code功能介绍
- 3. VS Code配置各种语言环境
-
- 3.1 C/C++、Rust语言环境
- 3.2 Java、Kotlin、Scala语言环境
- 3.3 Clojure、Common Lisp、Racket、Scheme、Emacs Lisp语言环境
- 3.4 Coq、Haskell、Idris、Latex、Mathematics(Walfram language)、Prolog语言环境
- 3.5 C#、F#、VB.NET语言环境
- 3.6 Python、Ruby语言环境
- 3.7 Golang、Swift、Objective-C语言环境
- 3.8 HTML、CSS、JavaScript、TypeScript、PHP语言环境
- 3.9 Erlang、Perl、Io语言环境
- 3.10 Graphviz和Dot、PlantUML(画图)、Processing语言环境
为什么使用VS Code?对我个人而言,VS Code最突出的特性就是它强大的插件和配置功能,可以根据需求和想法下载不同的插件、运用配置文件定义出高度个性化的语言和项目环境,定制出属于自己的编辑器。可以说,多样化的插件和个性化的功能配置,是VS Code的灵魂所在(建议仔细看完VS Code官方文档,深入了解VS Code的各种强大功能)。
对VS Code中各种语言和项目环境的配置,无非是想要将VS Code打磨成个人趁手的兵器,打造出一把无往而不利的瑞士军刀——而非每学一门编程语言就下载一个专业IDE,如Python的Pycharm、Java的Intellij、前端的Webstorm等等(虽然JetBrains的IDE全家桶很强大),摆脱掉Eclipse、CodeBlocks等过时的IDE和VC6.0、DevC++等垃圾软件,同时为Haskell、Io、Erlang等开发工具支持力度较弱的语言(没听说过什么很好的IDE)创造良好的学习环境。
这也是我最近的体会——VS Code插件系统的强大,直接或间接地降低了很多新兴或小众语言开发的门槛,让很多没有很好的IDE支持的语言可以舒适的写程序;而在大众语言如C/C++/Java/Python等方面,使用VS Code开发大型项目固然是短板,却也有利于中小型项目的敏捷开发。然而福兮祸所依、祸兮福所伏,在配置Graphviz环境时,我也发现,这些小众语言的插件怎么用怎么配都感觉是东拼西凑的,各插件之间很难完美配合协同,恨不得自己撸起袖子上阵造一个支持插件,把所有这些功能融合在一起。这也是VS Code固有的不足之处吧。
0. 编辑器、IDE和环境搭建步骤
这里要区分的是 Visual Studio Code
(VS Code)和 Visual Studio
(VS)或JetBrains全家桶,前者是一个轻量级的文本编辑器,后者则是集成开发环境IDE。
我们都知道,编程过程中,首先要用文本编辑器写源代码,然后用编译器编译生成目标代码,接着使用链接器将目标代码和其他代码(如库函数、启动代码等)链接起来,生成可执行代码。其中,编辑器仅处理文本形式的源代码,可能还提供有智能提示、代码高亮等辅助功能,属于工具链必不可少的一环。而集成开发环境IDE则提供这一整套的程序开发环境,包括了代码编辑器、编译器、解释器、调试器、图形用户界面等整套工具链,集合了代码编写、编译、调试、运行、分析、上传发布等功能于一体。
因此,VS Code(或者Vim/Emacs)作为代码编辑器,与IDE完全不一样的一点是——使用IDE时除非是它的深度用户,否则不需要知道很多细节,例如为什么按一个按钮就能编译,为什么点一下行号就能加断点,为什么敲出 import/#include/using
IDE就知道要导入什么符号等等诸如此类的问题。而使用VS Code做开发就要操心这些事情了,VS Code(或者Vim/Emacs)要求用户首先知道如何脱离IDE来工作。
由于VS Code不包含编译、调试等很多功能,因此需要自行安装编译器、解释器、调试器等套件,并将它们有机结合起来。将这一整套工具链整合到一起形成工作流的过程,就是所谓的搭建环境。总而言之,不要把VS Code和(传统)IDE相提并论,而要将VS Code 看做新时代的Emacs,其本质是:当你知道如何用命令行做所有你想做的事情时,VS Code可以帮助你自动化和图形化。对环境比较熟的用户,甚至可能觉得VS Code相比普通IDE来说,可扩展性更强、更轻量简洁、更好排查问题。
因此,我们配置各种语言和项目环境的诸多流程,都可以归结为这几步——先要获取VS Code(编辑器),然后对不同的语言和项目,要获取相应编译/解释套装(编译器、调试器、库文件等),最后还要做好两者之间的沟通工作,即安装对应插件、书写相关配置文件等。我们会在后文反复看到,VS Code中所有语言和项目的环境配置,都将在总体上遵循这一流程。
1. VS Code获取和基础配置
1.1 下载和安装VS Code
访问官方网站,官网页面如下。Code editing. Redefined
,重新定义代码编写?口气有点大啊(⊙﹏⊙),而且还是 Free
免费、Built on open source
构建在开源之上、Runs everywhere
到处运行:
如果点击左侧的红框 Download for Windows
,会进入下面的页面,同时默认下载User版本的VS Code:
这里我们下载System版本,需要点击右上角的 Download
,进入:
可以看到 User Installer
和 System Installer
,前者只适用于当前用户下使用,更换用户后就无法使用,后者适用于所有用户使用,因此选择 System Installer 64 bit
版本的软件下载并运行。
接受协议后,可以选择安装位置,安装到默认位置或者自定义位置:
按照自己想要的勾选,创建桌面快捷方式和添加到PATH这两者是必须的,也可以全部勾选上。接着点击下一步:
直接点击安装即可:
这里我不打算创建开始菜单文件夹:
系统安装中,等待VS Code安装结束。再点击完成即可:
1.2 VS Code中文/外文语言环境配置和切换
VS Code默认使用的还是英语,有时候对用户不太友好,可以设置为中文。不过这需要安装它的中文插件,以支持VS Code的中文环境。首先点击扩展图标,输入 Chinese
,选择 Chinese (Simplified) Language Pack for Visual Studio Code
插件,点击 install
进行安装。安装完成后,重启一波VS Code,显示如下:
如果选择安装其他语言(比如日语什么的),可以搜索相关插件并自行安装:
如何在中英文或者安装的更多语言间切换呢?Ctrl+Shift+P
打开命令面板,输入 Configure Display Language
,选择en
或 zh-cn
,重启之后就显示对应语言:
注意与 Configure Language Specific Settings
命令进行区分,此处是配置(编程语言)特定设置,而非配置显示语言。
1.3 VS Code文件图标配置
原有的文件图标太朴素了,我们需要漂亮一点的。在扩展商店搜索 vscode icons
,第一个就是目标,点击安装即可。这一插件的安装数量达到了惊人的8.3M,足以证明它的受欢迎程度:
1.4 VS Code自动保存功能配置
注意,本文中对VS Code的功能配置,和配置 LaTeX \LaTeX LATEX 语言环境一样,都将书写在 User Settings
配置文件中,如果不明白什么是用