VUE插件整理

轉自：https://blog.csdn.net/miaozhenzhong/article/details/80138174

1.VsCode官方插件地址：

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

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

2.使用方法，能夠在官網中搜索須要的插件或者在VsCode的「」擴展「」中搜索須要的插件

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

3.經常使用插件說明：

1、HTML Snippets

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

2、HTML CSS Support 

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

3、Debugger for Chrome 

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

4、JQuery Code Snippets

jquery提示工具

5、Path Intellisense

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

6、Npm Intellisense

require 時的包提示

7、Document this 

Js的註釋模板

8、ESlint

ESlint接管原聲js提示，能夠自定製體會規則。這個比較高玩、

9、Project Manager

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

10、beautiful

格式化代碼的工具

11、Typings Installer

安裝vscode 的代碼提示依賴庫，基於typtings的，好比提示angular或者jQuery只能感知、至於什麼是typtings本身去百度。

12、Bootstrap 3 Sinnpet

經常使用bootstrap的能夠下

十3、Auto Rename Tag

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

 

圖標、代碼樣式插件

1、JavaScript Atom Grammar

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

2、vscode-icon

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

3、One Dark Theme

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

4、Material、Material Neutral ............

 

更多：

Visual Studio Code 1.8 發佈

VSCode插件之View In Browser‘在瀏覽器中查看

VsCode插件之vscode-icons

Visual Studio Code插件之Atom One Dark Syntax Theme