1. 下载安装
进入VS Code官网:https://code.visualstudio.com,点击 DownLoad for Windows 下载windows版本
下载完毕后进行安装(点击next,换安装位置)
2. 插件安装
VS Code有强大的插件库,搜索下列插件进行安装:
- Chinese (Simplified) Language Pack,安装的中文(简体)语言包
- Code Spell Checker,安装拼写检查器
- HTML CSS Support, 编写样式表的时候,自动补全功
- JavaScript (ES6) code snippets, 支持ES6语法提示
- Mithril Emmet, 用于补全代码
- Path Intellisense, 路径提示插件
- Vue 3 Snippets ,在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率
- VueHelper,vscode最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码
- Auto Close Tag,自动闭合HTML/XML标签
- Auto Rename Tag,自动完成另一侧标签的同步修改
- Beautify,格式化 html ,js,css
- Bracket Pair Colorizer,给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
- open in browser,vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
- Vetur,Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备
- File Utils,File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
- IntelliJ IDEA Keybindings,安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。