VS Code下载安装教程

雨点打透心脏的1/2处 2023-09-30 12:12 4阅读 0赞

**目录**

VS Code下载

第一种：

第二种：

VS Code安装

说明：

测试安装是否成功

设置中文版VS Code

VS Code的使用

--------------------

> VS Code是微软开发的代码编辑器，它支持Windows，Linux和macOS等操作系统以及开源代码。它支持测试，并具有内置的Git版本控制功能以及开发环境功能，例如代码完成（类似于IntelliSense），代码段和代码重构等。
> 
> VS Code 作为市场占用率较大的 IDE，其核心为一个 IDE 产品，本质上与我们的 框架 属性存在区别，整体上是一个 ToC 的产品，开发者进行定制的门槛及成本较高，可自定义的内容也比较有限，大部分是通过 插件 的形式进行有限拓展。

# VS Code下载 #

**打开官网进行下载安装**

关于VSCode软件的下载与安装，首先我们需要打开浏览器进入它的官方网址：

[Visual Studio Code - Code Editing. Redefined][]![ad689593406a4c50bd334705a01bdf4a.png][]

这里有两种下载方式：

一种是中间的【Download for Windows】下载、一种是右上角【Download】下载

![5976a091a9bd45348e6f924f4ab6e413.png][]

## 第一种： ##

中间的【Download for Windows】下载

我选择的是【Windows ×64的稳定版】

![9089cc2e6ac64d22bf5e23e141b2a4eb.png][]

## 第二种： ##

右上角【Download】下载

**User Installer**版：会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的 VS Code

**System Installer**版：安装在非用户目录,例如C盘根目录,任何帐户都可以使用。(建议使用此版本)

VS Code默认提供的**User Installer**版,大多数人都是用的这个版本。

![f8b59bbb341f4cb5bbd193e52ab5faef.png][]

我选择的是第一种下载方式，下载完成后是【.exe】的安装包

然后我们等待下载提示完成即可安装

# VS Code安装 #

下载完成后双击运行安装包开始安装

![a6d457e8e91f4fdf8e71166a0e028672.png][]

接下来直接下一步

然后自行选择安装的位置，也就是你的安装目录文件所在（安装路径中尽量不要出现中文）

## 说明： ##

①②勾选上，可以对文件，目录点击鼠标右键，选择使用 VS Code 打开。

③将code注册为受支持的文件类型的编辑器

默认使用 VS Code 打开诸如 txt，py 等文本类型的文件，一般建议不勾选**（看个人喜好）**

让 VS Code 支持的代码文件全部变成 VS Code 默认打开，文件图标也会随之更改，很好辨认。

④添加到PATH（重启后生效）

说明：这步骤默认的，勾选上，不用配置环境变量，可以直接使用。

然后直接【下一步】

![6f7309940a734e83ad59a8cc31170fd3.png][]

这一步是是否确认安装，然后点击【安装】开始

![d74fec0d29b247e0a2b6cb367626c2b0.png][]

安装的进度如图所示：

![查看源图像][20200421194901101.png]

安装成功之后的成功界面：

![1d2b86acf7f5415782b6f3e53608f41b.png][]

## 测试安装是否成功 ##

安装结束后，我们可以启动软件查看是否安装成功

![ee5035b9f1050747bc6e4d4673f05618.jpeg][]

这样一步一步的操作下来，我们的VSCode软件的下载和安装就基本上完成了，可能在上面的截图或者步骤中会有些许的不一样，但是大概的情况基本都差不多，这里就不一一演示了

## **设置中文版VS Code** ##

可能大家安装的VS Code是英文版本，如果你想切换成中文版本，可以参考下列步骤

启动VSCode，然后按【Ctrl + Shift + P】打开命令调试板，然后输入【Configure Display Language】，点击红框内文字，将文件中的配置项修改为中文简体即可

![1c8c210b7d9947d2af7d01478be70568.png][]

![bea3d58e8ac9459cae1b7ec97a789ef0.png][]

最后重启VS Code，就可以开始使用中文版了

![cc15f6d02fac4c78ada7cb5441761367.png][]

当然你也可以利用中文插件进行更改，后期我也会写到

![1dfcaf3fe2684ccaaf16fc3538bc6507.png][]

# VS Code的使用 #

[VS Code插件、如何在VS Code上连接数据库][VS Code_VS Code]

##  ##

[Visual Studio Code - Code Editing. Redefined]: https://code.visualstudio.com/
[ad689593406a4c50bd334705a01bdf4a.png]: https://img-blog.csdnimg.cn/ad689593406a4c50bd334705a01bdf4a.png
[5976a091a9bd45348e6f924f4ab6e413.png]: https://img-blog.csdnimg.cn/5976a091a9bd45348e6f924f4ab6e413.png
[9089cc2e6ac64d22bf5e23e141b2a4eb.png]: https://img-blog.csdnimg.cn/9089cc2e6ac64d22bf5e23e141b2a4eb.png
[f8b59bbb341f4cb5bbd193e52ab5faef.png]: https://img-blog.csdnimg.cn/f8b59bbb341f4cb5bbd193e52ab5faef.png
[a6d457e8e91f4fdf8e71166a0e028672.png]: https://img-blog.csdnimg.cn/a6d457e8e91f4fdf8e71166a0e028672.png
[6f7309940a734e83ad59a8cc31170fd3.png]: https://img-blog.csdnimg.cn/6f7309940a734e83ad59a8cc31170fd3.png
[d74fec0d29b247e0a2b6cb367626c2b0.png]: https://img-blog.csdnimg.cn/d74fec0d29b247e0a2b6cb367626c2b0.png
[20200421194901101.png]: https://img-blog.csdnimg.cn/20200421194901101.png
[1d2b86acf7f5415782b6f3e53608f41b.png]: https://img-blog.csdnimg.cn/1d2b86acf7f5415782b6f3e53608f41b.png
[ee5035b9f1050747bc6e4d4673f05618.jpeg]: https://img-blog.csdnimg.cn/img_convert/ee5035b9f1050747bc6e4d4673f05618.jpeg
[1c8c210b7d9947d2af7d01478be70568.png]: https://img-blog.csdnimg.cn/1c8c210b7d9947d2af7d01478be70568.png
[bea3d58e8ac9459cae1b7ec97a789ef0.png]: https://img-blog.csdnimg.cn/bea3d58e8ac9459cae1b7ec97a789ef0.png
[cc15f6d02fac4c78ada7cb5441761367.png]: https://img-blog.csdnimg.cn/cc15f6d02fac4c78ada7cb5441761367.png
[1dfcaf3fe2684ccaaf16fc3538bc6507.png]: https://img-blog.csdnimg.cn/1dfcaf3fe2684ccaaf16fc3538bc6507.png
[VS Code_VS Code]: https://rej177.blog.csdn.net/article/details/123450443?spm=1001.2014.3001.5502