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

語法糾錯，具體配置使用可以看我寫的另一篇博客