精選vscode常用插件

話不多說直接上圖

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中,快速的找方法所在。還可以實現方法預覽
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章