vscode下载和前端工程师常用的20+插件，包含代码提示、语法高亮、括号颜色等等

这里附带vscode下载地址，和前端开发常用的20+插件，可根据插件功能自行选择下载。

VsCode下载安装

Visual Studio Code下载地址：https://code.visualstudio.com/Download

下载页面中，用户可选择“user”和“system”两种版本。目前“system”被推荐使用，它能同时打开多个窗体副本，而“user”只能打开一个实例。

VsCode常用插件

插件下载方法，打开vscode，左侧工具栏中最下面的一个，直接搜索后下载即可

• Auto Close Tag

自动闭合HTML/XML标签

• Auto Import

自动查找可以导入的代码和操作

Auto Rename Tag

• Auto-Open Markdown Preview

自动打开markdown的视图，因为我常用markdown写笔记，所以可以用这个哦

• Beautify

美化 javascript , JSON , CSS , Sass , 和 HTML 代码

• Bracket Pair Colorizer

括号色彩化，非常nice的插件，i like it

• Chinese (Simplified) Language Pack for Visual Studio Code

vscode中文包

• Code Runner

右键可以直接运行js代码，当然也可以直接运行java，php，c等等的代码

• Debugger for Chrome

谷歌浏览器的调试插件

• jQuery Code Snippets

jquery代码提示插件

• HTML Snippets

html标签提示插件

• HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式

• Color Highlight

css中可以选择颜色

• IntelliSense for CSS class names in HTML

在当前工作空气查找类名，快速书写类名的插件

• JavaScript (ES6) code snippets

es6代码提示

• Live Server

开启一个端口，监听当前文件，相当于开了一个web服务器，右键点击后使用。

• Lodash Snippets

lodash代码提示

• open in browser

在浏览器中打开当前页面，在文件中右键使用

• Path Intellisense

自动路径补全

• Vetur

vue语法高亮、智能感知等，vue一定要用的插件

• Vue 2 Snippets

vue2.0代码提示的插件

• Output Colorizer

日志文件带颜色的哦

• vscode-icons

各种各样文件的图标，虽然我不习惯，但是感觉还挺漂亮的

• Vue VSCode Snippets

vue代码快捷语法，具体使用参考文档，能记住了快捷语法确实快，但是奈何我记不住啊

• ESlint

图标，虽然我不习惯，但是感觉还挺漂亮的

• Vue VSCode Snippets

vue代码快捷语法，具体使用参考文档，能记住了快捷语法确实快，但是奈何我记不住啊

• ESlint

语法纠错，具体配置使用可以看我写的另一篇博客