1.VsCode官方插件地址：

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

官網下載地址：http://code.visualstudio.com/

2.使用方法，可以在官網中搜索需要的插件或者在VsCode的“”擴展“”中搜索需要的插件

添加方法使用Ctrl+P, 輸入 ext install xxxx ，搜索要安裝的插件，點擊安裝按鈕即可

3.常用插件說明：

一、HTML Snippets

超級使用且初級的H5代碼片段以及提示

二、HTML CSS Support 

讓HTML標簽上寫class智能提示當前項目所支持的樣式

三、Debugger for Chrome 

讓vscode映射chrome的debug功能，靜態頁面都可以用vscode來打斷點調試、配飾稍微復雜一點

四、JQuery Code Snippets

jquery提示工具

五、Path Intellisense

自動路徑補全、默認不帶這個功能

六、Npm Intellisense

require 時的包提示

七、Document this 

Js的注釋模板

八、ESlint

ESlint接管原聲js提示，可以自定制體會規則。這個比較高玩、

九、Project Manager

多個項目之間快速切換的工具

十、beautiful

格式化代碼的工具

十一、Typings Installer

安裝vscode 的代碼提示依賴庫，基于typtings的，比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。

十二、Bootstrap 3 Sinnpet

常用bootstrap的可以下

十三、Auto Rename Tag

修改html標簽，自動幫你完成尾部閉合標簽的同步修改，和webstorm一樣。

圖標、代碼樣式插件

一、JavaScript Atom Grammar

使用atom風格的語法高亮、對于習慣瀏覽atom風格代碼高亮的人實用。

二、vscode-icon

讓vscode資源目錄加上圖標、必備

三、One Dark Theme

來自Atom的one dark主題好看實用

四、Material、Material Neutral ............

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。