1. 程式人生 > >vscode前端常用外掛

vscode前端常用外掛

1,backgorund:背景

在這裡插入圖片描述
2,NotepadPlusPlus Remixed Theme: NotepadPlusPlus Remixed Theme主題
在這裡插入圖片描述

3,Vetur:vue檔案的html,css,js的程式碼提示
在這裡插入圖片描述

4,vue 2 snippets:vue程式碼提示
在這裡插入圖片描述

5,open in browser:alt+b可以快捷在瀏覽器開啟
在這裡插入圖片描述

6,跳轉到function定義的檔案

JavaScript and TypeScript IntelliSense

搜IntelliSense可找到其他語言支援
在這裡插入圖片描述

7,es6程式碼提示

JavaScript(es6) codeppets
在這裡插入圖片描述

8,書籤(標記某一行程式碼)
Bookmarks

在這裡插入圖片描述

9,CSS Peek

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

10,Chinese (Simplified) Language Pack for Visual Studio Code

漢化vscode外掛
在這裡插入圖片描述