Auto Rename Tag — 修改HTML標籤時，自動修改匹配的標籤

beautify— javascript, JSON, CSS, Sass, HTML 程式碼高亮

Easy Sass — scss/sass檔案儲存可自動生成並同步編譯成同名css檔案

Easy WXLESS — 微信小程式WXSS檔案專用，儲存可自動生成並同步編譯成同名css檔案

File Peek — 滑鼠移到路徑名按住ctrl可開啟檔案

GitLens — 顯示檔案最近的commit和作者,顯示當前行commit資訊

JavaScript Snippet Pack

Live Server — http伺服器（相當於使用nodejs的http-server，首選項-設定-使用者設定可配置更改埠：”liveServer.settings.port”: 8999）

npm — 執行npm命令

OneDark-Pro — Atom’s ionic主題（首選項-顏色主題修改主題）

Prettier-Code formatter — 程式碼格式化（四個空格縮排：”prettier.tabWidth”: 4）

stylelint — CSS/SCSS/LESS檢查工具
（首選項-設定-使用者設定配置：
“stylelint.enable”: true,
“css.validate”: false,
“scss.validate”: false
）

Vetur — Vue語法高亮

vue — Vue語法高亮（
首選項-設定-使用者設定配置：
“emmet.syntaxProfiles”: {
“vue-html”: “html”,
“vue”: “html”
}）

Vue 2 Snippets — 基於最新的 Vue 官方語法高亮檔案添加了語法高亮，並且依據 Vue 2 的 API 添加了程式碼補全

VueHelper — vue程式碼提示外掛，包括了vue2所有api，vue-router2和vuex2的程式碼提示

首選項-設定-使用者設定配置：
小程式語法高亮：
“files.associations”: {
“*.vue”: “vue”,
“*.wpy”: “vue”,
“*.wxml”: “html”,
“*.wxss”: “css”
}

個人習慣配置：
“editor.lineHeight”: 26, // 行高
“editor.fontSize”: 16, // 字型
“editor.wordWrap”: “on” // 自動換行
“editor.formatOnSave”: true // 儲存自動格式化程式碼