【VS Code】Windows10下VS Code安装配置、功能介绍和各种语言、项目环境配置目录(持续更新中!)

这篇文章属于本人参考诸多博客、教程、文档等资料,所撰写的「Windows10上配置VS Code」系列文章的汇总目录,内容随时可能发生更新变动,欢迎关注和收藏本文以作备忘。

为什么使用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 InstallerSystem 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 ,选择enzh-cn ,重启之后就显示对应语言:
在这里插入图片描述

注意与 Configure Language Specific Settings 命令进行区分,此处是配置(编程语言)特定设置,而非配置显示语言

1.3 VS Code文件图标配置

原有的文件图标太朴素了,我们需要漂亮一点的。在扩展商店搜索 vscode icons ,第一个就是目标,点击安装即可。这一插件的安装数量达到了惊人的8.3M,足以证明它的受欢迎程度:
在这里插入图片描述

1.4 VS Code自动保存功能配置

注意,本文中对VS Code的功能配置,和配置 LaTeX \LaTeX LATEX 语言环境一样,都将书写在 User Settings 配置文件中,如果不明白什么是用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

memcpy0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值