話不多說直接上圖
Vetur
語法錯誤檢查,包括 CSS/SCSS/LESS/Javascript/TypeScript
語法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts
emmet 支持
代碼自動補全(目前還是初級階段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript
Angular Files
可以快捷右鍵 新建 組件,服務,類,等等
Chinese (Simplified) Language Pack for Visual Studio Code
安裝中文提示
TypeScript Importer
TypeScript自動引入腳本插件
HTML CSS Support
讓HTML標籤上寫class智能提示當前項目所支持的樣式
Path Intellisense
自動路徑補全、默認不帶這個功能
Bootstrap 3 Sinnpet
常用bootstrap的可以下
Auto Rename Tag
修改html標籤,自動幫你完成尾部閉合標籤的同步修改,和webstorm一樣。
Auto Close Tag
編寫html代碼的時候,寫完開始標籤,這款插件會自動補全結束標籤
Typings Installer
安裝vscode 的代碼提示依賴庫,基於typtings的,比如提示angular或者jQuery只能感知、
open in browers 這個在靜態頁面開放的時候非常方便
CSS Peek
使用此插件,你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你發送樣式設置的 CSS 代碼。
JS-CSS-HTML Formatter 這個是給css 排版 和代碼的排版快捷鍵一樣 排版後css非常好看
Minify
這是一款用於壓縮合並 JavaScript 和 CSS 文件的應用程序。它能夠分別通過 uglify-js、clean-css 和 html-minifier,進行自動壓縮保存並導出爲.min文件的選項,並且提供了自定義的設置,
Beautify
代碼中美化JavaScript,JSON,CSS,Sass和HTML。
Easy WXLESS
微信小程序WXSS文件專用,保存可自動生成並同步編譯成同名css文件
Angular Support這是一款非常實用的插件
可以通過點擊html 中的方法跳轉到ts中,快速的找方法所在。還可以實現方法預覽