vscode下载和安装教程和配置中文插件（超详细）

客官°小女子只卖身不卖艺 2023-09-23 15:12 133阅读 0赞

**目录**

前言必读

一、下载步骤

二、安装步骤

vscode安装设置完成

三、安装中文插件 （额外的）

四、设置vue高亮代码（额外的）

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

## 前言必读 ##

> [读者手册（必读）\_云边的快乐猫的博客-CSDN博客][-CSDN]

**前言：**

vscode主要是用于前端的编程工具，其他编程的语言也可以在vscode里面编程运行。

优点：简洁、占用内存小、界面美观

## **一、下载步骤** ##

**1.**到官网根据自己的操作系统进行下载[（这是超链接）][Link 1]，直接点击下载。

![26c433ae52f448e39976262364dbf078.png][]

**2.**跳出弹窗，选择下载的位置

![97177c2f75384fd0a4258e82219227a5.png][]

##  **二、安装步骤** ##

**3.**选择同意，然后下一步

![77a9e1f0e7584e56aed7bf5de1aa22f9.png][]

**4.**选择安装的位置

![c35dadcf2c71455fb2f41494e14b2d69.png][]

**5.**选择下一步

![d1fd2b98b7a6429caa190111ab167387.png][]

**6.**勾选选项

> 1、创建桌面快捷选项：方便可以在桌面打开
> 
> 2、将"通过Code打开"操作添加到Windows资源管理文件/目录上下菜单这两个：可以让鼠标右键拥有打开vscode选项
> 
> 3、将Code注册为受支持的文件类型的编辑器：很多文件默认都会使用vscode打开（不建议）
> 
> 4、添加到PATH（重启后生效）:可以使用控制台cmd打开vscode

![a466bcebddab4183b51bf62b16046702.png][]

**7.**选择安装

![94cb946dd005445fad4277daac1e4ca2.png][]

**8.**点击完成

![4be458d7ba7648f980bbd63266afdfc1.png][]

**9.**安装完成后会跳出一个弹窗，选择这个关闭，这样就**安装完成**了

![ed38318cb29a40b180d7302a608018f4.png][]

#### **vscode安装设置完成** ####

##  ##

## **三、安装中文插件 （额外的）** ##

**10.**选择这个

![e612afcfaec74ddba727b838f8eaa10a.png][]

**11.**在搜索栏栏目输入：chinese

![d97c226718204af0a0741dd12c12c0c4.png][]

**12.**选择这个选择重新启动，这样插件就生效了

![989c8fcb1ce046c0878441aedf1e0b3c.png][]**11.**选择外观界面颜色（这里使用默认的就好了，我直接点击关闭X掉就好了）

![de757dd5519545a8a42764850afd38de.png][]

## 四、设置vue高亮代码（额外的）  ##

> [vscode下载插件让vue代码高亮\_vscode vue代码高亮插件\_云边的快乐猫的博客-CSDN博客][vscode_vue_vscode vue_-CSDN]

**如果你觉得本篇文章对你有所帮助的，给个一键三连吧！！！**

**点赞关注收藏，抱拳了！**

[-CSDN]: https://blog.csdn.net/m0_52861000/article/details/128148568?spm=1001.2014.3001.5501
[Link 1]: https://code.visualstudio.com/Download
[26c433ae52f448e39976262364dbf078.png]: https://img-blog.csdnimg.cn/26c433ae52f448e39976262364dbf078.png
[97177c2f75384fd0a4258e82219227a5.png]: https://img-blog.csdnimg.cn/97177c2f75384fd0a4258e82219227a5.png
[77a9e1f0e7584e56aed7bf5de1aa22f9.png]: https://img-blog.csdnimg.cn/77a9e1f0e7584e56aed7bf5de1aa22f9.png
[c35dadcf2c71455fb2f41494e14b2d69.png]: https://img-blog.csdnimg.cn/c35dadcf2c71455fb2f41494e14b2d69.png
[d1fd2b98b7a6429caa190111ab167387.png]: https://img-blog.csdnimg.cn/d1fd2b98b7a6429caa190111ab167387.png
[a466bcebddab4183b51bf62b16046702.png]: https://img-blog.csdnimg.cn/a466bcebddab4183b51bf62b16046702.png
[94cb946dd005445fad4277daac1e4ca2.png]: https://img-blog.csdnimg.cn/94cb946dd005445fad4277daac1e4ca2.png
[4be458d7ba7648f980bbd63266afdfc1.png]: https://img-blog.csdnimg.cn/4be458d7ba7648f980bbd63266afdfc1.png
[ed38318cb29a40b180d7302a608018f4.png]: https://img-blog.csdnimg.cn/ed38318cb29a40b180d7302a608018f4.png
[e612afcfaec74ddba727b838f8eaa10a.png]: https://img-blog.csdnimg.cn/e612afcfaec74ddba727b838f8eaa10a.png
[d97c226718204af0a0741dd12c12c0c4.png]: https://img-blog.csdnimg.cn/d97c226718204af0a0741dd12c12c0c4.png
[989c8fcb1ce046c0878441aedf1e0b3c.png]: https://img-blog.csdnimg.cn/989c8fcb1ce046c0878441aedf1e0b3c.png
[de757dd5519545a8a42764850afd38de.png]: https://img-blog.csdnimg.cn/de757dd5519545a8a42764850afd38de.png
[vscode_vue_vscode vue_-CSDN]: https://blog.csdn.net/m0_52861000/article/details/129189136