前言
VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。
常用的插件推荐汇总如下。
一、前端开发插件
1.1 Vetur *
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
1.2 ESlint *
多用于语法检测，如变量声明
1.3 Prettier *
代码格式化插件，主要用于jsp、css
1.4 Beautify
代码格式化插件，主要用于html的格式化
1.5 Auto Close Tag
自动闭合标签
1.6 Auto Rename Tag
自动重命名标签
1.7 CSS Peek
使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。
1.8 Vue Peek
用于Vue快速查看组件定义以及组件跳转，使用方法Ctrl+左击。
1.9 open in browser
编写单页面时，右击直接选择浏览器打开，很方便
1.10 HTML CSS Support
HTML中提示css，可以快速补全，
使用方法
1.11 Bracket Pair Colorizer
括号对彩色化，方便区分
1.12 Path Intellisense
路径智能感知，输入标识，快速提示路径，需要在setting.json中配置标识
二、其他插件
2.1 GitLens
Git神器，能查看日志，提示冲突等等
2.2 Remote-SSH
vscode通过ssh连接远程服务器，可以设置免密登录
2.3 vscode-icons
vscode的主题，目录上添加图标，方便区分
2.4 Markdown Preview Enhanced
vscode用做markdown编辑器时，实时预览效果以及preview文档
2.5 Settings Sync
主要用于同步本地vscode配置到云端
参考文章
1、
vscode好用插件介绍及安装
2、
vscode使用Eslint + prettier + beautify统一代码风格
3、
vscode 下使用eslint和prettier行代码格式化以及检查