1. 程式人生 > >VScode常用外掛安裝及介紹

VScode常用外掛安裝及介紹

1、HTMLSnippets (提示初級的H5程式碼片段);

2、HTML CSSSupport (讓 html 標籤上寫class 智慧提示當前專案所支援的樣式);

3、jQuery CodeSnippets (jq的必備品);

4、view inbroswer (ctrl + f1 在瀏覽器中運行當前的html);

5、vscode-icon(讓vscode的資料夾目錄新增上對應的圖示);

6、PathIntellisense (檔案路徑自動補全);

7、NpmIntellisense (require 時的包提示);

8、Atuo RenameTag (修改 html 標籤,自動幫你完成尾部閉合標籤的同步修改);

9、filesize (在底部狀態列顯示當前檔案大小,點選檢視建立、修改時間);

10、BracketPair Colorizer (對應的括號相似相同的顏色);

11、vetur (語法高亮、智慧感知、Emmet等)

12、VueHelper (snippet程式碼片段);

13、fileheader  頂部註釋模板,可定義作者、時間等資訊,並會自動更新最後修改時間

14、Quokka 除錯工具外掛,能夠根據你正在編寫的程式碼提供實時反饋。它易於配置,並能夠預覽變數的函式和計算值結果。另外,在使用 JSX 或 TypeScript 專案中,它能夠開箱即用。

15、CSS Peek 追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 檔案中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你傳送樣式設定的 CSS 程式碼。

16、HTML Boilerplate  在空檔案中輸入 html,並按 Tab 鍵,即可生成乾淨的文件結構。

17、Color Info 提供 CSS 中使用顏色的相關資訊,在顏色上懸停游標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關資訊。

18、tortoiseSvn  tortoiseSvn for vs code

19、easy less(儲存後自動編譯)