之前一直用webstorm，webstorm确实太重了，后来无意中发现了vscode。高颜值吸引了我哈哈哈…就一直用着。
VScode下载地址：点击下载
很喜欢VScode的插件功能~想要什么插件就搜索，
以下是我装的一些插件，记录防止下次装机
只要点击一下某款插件，插件的介绍和用法都会在右侧窗口详细介绍，还会有小动画演示用法
- Auto Rename Tag —— 自动同步修改标签
- AutoFileName —— 自动补全路径提示
- background —— 一个萌萌的插件，可以自己设置vsc的背景图
- Bootstrap 3 Snippets —— bootstrap必备
- Debugger for Chrome —— 方便调试
- Document This —— Js的注释模板
- ESLint —— 检测JS必备
- Easy Less —— less文件自动实时编译成css
- GBKtoUTF8
- Git History (git log)
- HTML CSS Support —— css自动补齐
- HTML Snippets —— 支持HTML5的标签提示
- JavaScript (ES6) code snippets
- jQuery Code Snippets —— jquery 自动提示
- JS-CSS-HTML Formatter —— 代码对齐。每次保存代码的时候它会自动对齐代码
- Markdown Theme Kit —— 主题
- Dracula —— 主题
- node-readme
- Npm Intellisense —— npm包代码提示
- One Dark Theme —— 一款背景主题
- Path Intellisense —— 路径自动补全
- Project Manager
- Sort lines
- Typings Installer —— 安装vscode 的代码提示依赖库，基于typtings的，比如提示angular或者jQuery智能感知
- vetur —— 目前比较好的Vue语法高亮
//vetur的配置[文件-首选项-设置]在右侧覆盖~
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"vue"
],
"files.associations": {
"*.vue": "vue"
}
- View In Browser——在浏览器中预览页面（ctrl+F1）
- VS Color Picker——拾色器
- vscode-icons——让vscode资源目录加上图标
- vue
- Vue 2 Snippets——vue2语法高亮
设置字体大小等：
[文件-首选项-设置] 在右侧覆盖
VScode一直在更新，最近更新后，界面显示语言变成了英文。如果想设置成中文，按住f1 或者ctrl+shift+p 进入命令行，输入“ Configure Language”
这里写图片描述
这里写图片描述
上图是英文：en
配置成中文：zh-CN
