Win10 安装VS Code

一、软件介绍

Visual Studio Code（简称VS Code）是一个由微软开发的免费、开源的代码编辑器。它支持Windows、Linux和macOS操作系统，并且提供了许多功能，使其成为许多开发者的首选开发工具。以下是VS Code的一些主要特点：

1. 轻量级：VS Code虽然功能强大，但相对于其他集成开发环境（IDE）来说，它更加轻量级。

2. 丰富的插件生态系统：VS Code支持丰富的插件，可以通过安装扩展来增强其功能，如支持不同的编程语言、代码格式化、调试工具等。

3. 内置Git支持：VS Code内置了Git版本控制功能，可以直接在编辑器中进行代码的提交、分支管理等操作。

4. 智能代码补全：VS Code提供了IntelliSense功能，可以提供代码自动补全、参数信息提示、快速文档查看等。

5. 调试功能：它支持调试功能，可以轻松地设置断点、查看变量值、单步执行代码等。

6. 代码片段：用户可以创建自定义的代码片段，以快速插入常用代码。

7. 多语言支持：VS Code支持多种编程语言，包括但不限于JavaScript、TypeScript、Python、C++、C#、Go、Java等。

8. 主题和自定义：VS Code允许用户自定义编辑器的外观，包括颜色主题、字体、编辑器布局等。

9. 多工作区：可以同时打开多个文件夹或项目，方便进行多项目开发。

10. 终端集成：内置终端，可以在VS Code内部直接打开命令行。

11. 远程开发：通过Remote Development扩展，可以在远程服务器上进行开发。

12. **实时预览**：对于Web开发，VS Code支持实时预览HTML和Markdown文件。

13. 任务运行：可以配置和运行自定义构建任务，如编译、打包等。

14. 版本控制集成：与GitHub、GitLab等版本控制系统集成，方便代码的版本管理和协作。

VS Code的这些特性使其成为一个非常灵活和强大的开发工具，适用于各种编程语言和开发场景。

二、软件获取

官网：Visual Studio Code - Code Editing. Redefined

网盘：
链接：VSCodeUserSetup-x64-1.71.0.exe_免费高速下载|百度网盘-分享无限制 (baidu.com)
提取码：v19i

三、安装步骤

1.双击安装包进行安装

2.点击我同意，然后下一步

3.选择无中文和特殊符号的英文路径，然后下一步

4.无脑下一步

5.勾选红色箭头的三个选项，然后下一步

6.开始安装

7.安装中，过程很快

8.点击完成，即自动运行VS Code

9.安装完成，进入界面，右边有四种主题，可以选择自己喜欢的

四、插件配置

4-1 中文插件

点击四个小方框图标，输入Chinese，点击install，进行安装

安装完成后点击Restart，重启即可生效

配置成功

4-2 拼写检查器插件

点击四个小方框图标，输入Code Spell Checker，点击install，进行安装

安装完成

4-3 HTML CSS插件

点击四个小方框图标，输入HTML CSS Support，点击install，进行安装

其它插件就不一一演示了，安装也很简单，各位自行安装，步骤都一样

1、JavaScript (ES6) code snippets
支持ES6语法提示
2、Mithril Emmet
一个能大幅度提高前端开发效率的一个工具，用于补全代码
3、Path Intellisense
路径提示插件
4、Vue 3 Snippets
在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。
5、VueHelper
vscode最好的vue代码提示插件，不仅包括了vue2所有api，还含有vue-router2和vuex2的代码
6、Auto Close Tag
自动闭合HTML/XML标签
7、Auto Rename Tag
自动完成另一侧标签的同步修改
8、Beautify
格式化 html ,js,css
安装过程中, 如果提示是否需要继续安装, 选择 "仍要安装"。
9、Bracket Pair Colorizer
给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
安装过程中, 如果提示是否需要继续安装, 选择 "仍要安装"。
10、open in browser
vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari
11、Vetur
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
12、File Utils
File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
13、IntelliJ IDEA Keybindings
安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。