VSCode 安装、配置和使用教程（最新版本的超详细保姆级包括插件）一篇文章就够了！

 前言

Visual Studio Code 是一个轻量级功能强大的源代码编辑器，支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持，并为其他语言和运行时（如 C++、C#、Java、Python、PHP、Go、.NET）提供了丰富的扩展生态系统。为了不影响读者的沉浸式阅读学习，如需使用目录请在左侧使用即可。

VSCode的下载

通过前言我们已经大致了解到了VSCode的强大之处，现在开始步入正题。

进入VSCode官方的下载页，根据系统需求选择相对应的下载地址。

官方下载页面--->：VSCode官方下载页面链接，选择自己系统对应的下载链接。

网络异常，图片无法展示

|

编辑

对于Windows下载标绿文本的解释

关于具体下载哪个版本我进行了大量的调研，发现网络上大部分的教程都是选择的VSCode默认提供的User Installer版本。但是对于我们实际和真正的开发，以及我们对于系统文件的管理难易度上来讲我更推荐System Installer版本，它可以自定义安装路径，使其我们后期对于它的管理十分方便。

VSCode的安装

此处我选择了System Installer版本，原因无它，因为它可以自定义安装路径，使其我们后期对于它的管理十分方便，我也十分建议你选择此版本安装。

同意协议

选择同意协议，点击下一步

编辑

选择安装位置

选择安装位置，单击浏览按需选择自己要设置的安装路径位置。然后点击下一步即可

注意：为了后期的稳定性，切勿使用中文路径。

编辑

选择开始菜单文件夹

如需修改，请点击浏览进行设置，无需修改直接单击下一步即可

编辑

选择附加任务

按需选择自己需要的附加任务，这里我推荐将其他中的所有选项都勾选上，对于创建桌面方式则按需选择是否勾选，我这里因为不需要所以就不勾选了。

设置完毕最后单击下一步

注意：添加到PATH一定要勾选，很重要。

编辑

准备安装

确认自己前面设置的是否有误，无误则点击安装即可

编辑

安装完成

如果你看到如下界面，那么恭喜你，你的VSCode安装完成。

编辑

VSCode基础配置

VSCode界面简介

VS Code 采用通用的用户界面和左侧的资源管理器布局，显示您可以访问的所有文件和文件夹，右侧的编辑器显示您打开的文件的内容。

编辑

关于对上图界面的区域解释：

VSCode设置中文界面

因为我们此时安装的VSCode还是英文界面，对于英语不是那么好的小伙伴不是十分友好，所以我们此时需要安装一个插件来对VSCode进行中文化处理。