Visual Studio code 經常使用插件集集合。

HTML Boilerplate

Auto Close Tag         標籤提示

HTML CSS Support   標籤和樣式編輯

Sublime Material Theme   主題

Sublime Text Keymap for VS Code    代碼編輯快捷

View In Browser       從瀏覽器打開

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

vscode-vue      主要是vue

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

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

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

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

jQuery Code Snippets jquery 重度患者必須品

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

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

Npm Intellisense requrie時閉包提示

Document this js 的註釋模板

ESlint ESlint 接管原生 js 提示，能夠自定製提示規則。這個比較高玩，不會的就算了，我以前發過一篇文章 sublime 配置 Atom js 語法校驗中有提到，他們的配置文件是通用的。

Project Manager 在多個項目以前快速切換的工具

beautify 格式化代碼的工具

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

Bootstrap 3 Snippet 經常使用 bootstarp 的能夠下 如今Bootastrap已經出到四了 能夠下載Bootstrap 4 Snippet了

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

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

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

 

本身整理了一下平常所需的插件。和小問題