所有插件查找地址（https://marketplace.visualstudio.com/）
編碼快捷方式（http://docs.emmet.io/cheat-sheet/）
安裝插件出現 錯誤unable to verify the first certificate （無法確認第一證書）
解決方法如下：
在vscode 下 進入 文件->首選項-->設置 在上面的搜索框輸入 proxy,會出現 有3個相關設置項，設置如下的選項
// 是否應根據提供的 CA 列表驗證代理服務器證書。
"http.proxyStrictSSL": true,
//設置為false , 這時候會在右側的自定義設置中增加一條
"http.proxyStrictSSL": false,
重啟 VScode ，然后在安裝插件，會發現神奇的可以安裝了。
插件
1、HTML Snippets
超級使用且初級的H5代碼片段以及提示
2、HTML CSS Support
讓HTML標簽上寫class智能提示當前項目所支持的樣式
3、jQuery Code Snippets
jQuery 提示工具
4、Path Intellisense
路徑提示補全
5、Document this
Js的注釋模板
6、ESlint
ESlint接管原聲js提示，可以自定制體會規則
7、Auto Close Tag
自動補全html標簽
8、Auto Rename Tag
修改html標簽，自動幫你完成尾部閉合標簽的同步修改
9、默認瀏覽器查看HTML文件
Open In Browser （快捷鍵Alt+B可以修改）
View InBrowser （快捷鍵Ctrl+F1可以修改）
10、beautify
格式化代碼的工具
11、Rainbow Brackets
彩虹括號（不推薦用）
12、Guides（新版已經包含）
標簽對其線
13、Project Manager
在多個項目之前快速切換的工具
14、vscode-icons
讓 vscode 資源樹目錄加上圖標；點擊設置->如圖：
15、background
可以讓vscode的背景修改為自己喜歡的圖，最多3張照片
https://marketplace.visualstudio.com/items?itemName=shalldie.background
圖片配置
// Plugin background enabled.background 插件是否啟用
"background.enabled": false,
// Use default images.使用默認圖片
"background.useDefault": false,
// Your custom Images(Max length is 3). 自己定制背景圖，最多3個
"background.customImages": [
"file:///E:/wushen.png",
"file:///E:/wushen.png",
"file:///E:/wushen.png"
]
16、markdownlint
Markdown格式提示
可以通過快捷鍵 Ctrl+Shift+V來預覽最終的顯示效果
17 、Atom Keymap
在安裝這個插件並重啟 VS Code 之后，將使你的 VS Code 中可以使用 Atom 的鍵盤快捷鍵。
18、Sublime Text Keymap and Settings Importer
在安裝這個插件和重啟 VS Code 之后，將在 VS Code 中導入 Sublime Text 的鍵盤快捷鍵。可以通過 VS Code 的強大智能感知來使用熟悉的 Sublime Text 鍵盤快捷鍵。
19、 JavaScript (ES6) code snippets
用代碼片段加快 ES6 開發速度，例如輸入 imd 可以自動生成如下代碼：
20、 Document This
在 TypeScript 和 JavaScript 文件中自動生成詳細的 JSDoc 注釋
vsCode配置
// 控制是否顯示 minimap(縮略圖) "editor.minimap.enabled": true, // 視區寬度自動換行設置。 "editor.wordWrap": "on", // 指定用在工作台中的顏色主題。 "workbench.colorTheme": "Monokai",