VSCode 開發Vue必備外掛程式

2021-10-09 20:54:12 字數 1283 閱讀 4608

語法高亮、智慧型感知、emmet等,包含格式化功能, alt+shift+f (格式化全文),ctrl+k ctrl+f(格式化選中**,兩個ctrl需要同時按著)

語法糾錯

快捷鍵設定:

檔案 -> 首選項 -> 鍵盤快捷方式 -> 搜尋"fix" -> 修改"eslint: fix all auto-fixable problems" 快捷方式為 「ctrl+alt+l」 (idea 格式化**快捷鍵)

es6語法智慧型提示以及快速輸入,除js外還支援.ts,.jsx,.tsx,.html,.vue,省去了配置其支援各種包含js**檔案的時間

給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號型別和不同顏色

對映vscode上的斷點到chrome上,方便除錯(配置有點麻煩,其實我沒用這個)

自動閉合html/xml標籤

自動完成另一側標籤的同步修改

自動路徑補全

讓 html 標籤上寫class 智慧型提示當前專案所支援的樣式

格式化**,值得注意的是,beautify外掛程式支援自定義格式化**規則

直接右鍵專案單擊啟動

VSCode 基礎必備外掛程式

1 view in browser 在瀏覽器裡預覽網頁必備。2 vscode icons 改變編輯器裡面的檔案圖示,個人比較稀飯這個。其他的這裡就不說了。給巢狀的各種括號加上不同的顏色。高亮對應的 html 標籤 以及 標識出對應的各種括號。自動修改匹配的 html 標籤。6 path intell...

VSCode必備外掛程式安裝

vscode必備外掛程式安裝 auto import opens new window import 引入自動補全 import cost opens new window 檢視你引入的依賴模組大小 auto close tag opens new window 自動補全 html 標籤 auto ...

前端開發vsCode基本使用外掛程式,vue外掛程式

1.auto rename tag 標籤外掛程式 2.bracket pair colorizer 對 中的括號添上一抹亮色 3.chinese language pack for visual studio code vscode中文外掛程式 4.code spell checker ts和js拼...