Visual Studio code 前端經常使用插件集集合

HTML Boilerplate

Auto Close Tag         標籤提示

HTML CSS Support   標籤和樣式編輯

View In Browser       從瀏覽器打開

open in browser 從瀏覽器打開按照默認瀏覽器

vscode-vue      主要是vue

HTML Snippets 超級實用且初級的 H5代碼片斷以及提示

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

Debugger for Chrome 讓 vscode 映射 chrome 的 debug功能，靜態頁面均可以用 vscode 來打斷點調試

jQuery Code Snippets jquery 重度患者必須品

vscode-icon 讓 vscode 資源樹目錄加上圖標，必備良品！

Path Intellisense 自動路徑補全。默認不帶這個功能

Npm Intellisense requrie時閉包提示

Document this js 的註釋模板

beautify 格式化代碼的工具

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

Bootstrap 4 Snippet 

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

去掉右邊的預覽：設置裏面搜索 "editor.minimap.enabled":改成false

複製粘貼代碼不自動對齊或者打亂了。解決辦法是：在首選行那裏吧editor.formatOnPaste改爲true，或者下載插件： Copy With Imports