VS Code安装流程

VS Code安装使用

一、首先点击下方的链接，到官网上下载安装包

Visual Studio Code：https://code.visualstudio.com/

然后选择适合你电脑的版本

二、安装

双击安装包，选择我同意此协议，再点击下一步。

点击浏览，可以选择安装的文件路径。注意：尽量不要选择在C盘

然后点击下一步

点击下一步

可以勾选创建桌面快捷方式，点击下一步

点击安装，开始安装

安装完成，运行VS Code

三、VS Code插件安装

点击下方箭头指向的按钮，进入应用商店，选择你想要的插件

1、Chinese（Simplified）Language Pack

适用于VS Code的中文（简体）语言包。

2、Code Spell Checker

拼写检查器，比如：apple单词写成appla，会提示你是否将appla改成apple，或者将appla添加到拼写器的字典中。

3、HTML CSS Support

在编写样式表的时候，自动补全功能。

4、JavaScript（ES6）code snippets

支持ES6语法提示

5、Mithril Emmet

一个能大幅度提高前端开发效率的工具，用于补全代码

6、Path Intellisence

路径提示插件

7、Vue 3 Snippets

在Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的VS Code插件，极大提高你的开发效率

8、vue-helper

VS Code最好的Vue代码提示插件，不仅包括了Vue2所有的API，还含有Vue-router2和Vuex2的代码

9、Auto Close Tag

自动闭合HTML/XML标签

10、Auto Rename Tag

自动完成另一侧标签的同步修改

11、Bracket Pair Colorization Toggler

给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

12、open in browser

该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器

13、Vetur

Vue多功能集成插件，包括：语法高亮，智能提示，格式化，自动补全，debugger。

四、VS Code配置

打开配置面板，根据自己的喜好，可以修改字体，背景样式等偏好设置。

五、VS Code快捷键

愿你开心每一天！！！