記錄使用vscode最常用的外掛

chinese

漢化vscode

HTML Snippets

超級實用且初級的 H5程式碼片段以及提示

HTML CSS Support

讓 html 標籤上寫class 智慧提示當前專案所支援的樣式

vscode-icons

讓 vscode 資源樹目錄加上圖示

Path Intellisense

自動路徑補全

Npm Intellisense

require 時的包提示

beautify

格式化程式碼的工具

Atuo Rename Tag

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

Auto Close Tag

自動閉合HTML/XML標籤

Bracket Pair Colorizer

讓括號擁有獨立的顏色，易於區分。可以配合任意主題使用

CSS Peek

使用此外掛，你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 檔案中右鍵單擊選擇器時，選擇“ Go to Definition 和 Peek definition ”選項，它便會給你傳送樣式設定的 CSS 程式碼。

open in browser

vscode不像IDE一樣能夠直接在瀏覽器中開啟html，而該外掛支援快捷鍵與滑鼠右鍵快速在瀏覽器中開啟html檔案，支援自定義開啟指定的瀏覽器

HTML Boilerplate

通過使用 HTML 模版外掛，你就擺脫了為 HTML 新檔案重新編寫頭部和正文標籤的苦惱。你只需在空檔案中輸入 html，並按 Tab 鍵，即可生成乾淨的文件結構

（1）、微信小程式開發常用外掛

vscode weapp api 

vscode wxml 

vscode-wechat 

minapp

小程式助手

(2)、vue開發

vetur

語法高亮、智慧感知、Emmet等

VueHelper

snippet程式碼片段