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

2022-06-15 14:42:14 字數 1557 閱讀 2904

1.auto rename tag

(標籤外掛程式)

2.bracket pair colorizer(對**中的括號添上一抹亮色)

3.chinese language pack for visual studio code(vscode中文外掛程式)

4.code spell checker(ts和js拼寫檢查器)

5.color highlight(color**高亮)

6.eslint(**格式化)

7.filesize(左下角顯示當前檔案大小)

8.gitlens - git supercharged(git管理,可以顯示每一行**commit時間作者)

9.html css support(html提示css自動補全)

10.html snippets(html**自動補全)

11.intellisense for css class names in html(把專案中 css 檔案裡的名稱智慧型提示在 html 中)

12.jquery code snippets(jquery**智慧型提示)

13.npm intellisense(自動引入node_modules中的js)

14.path intellisense(路徑提示)

配置@/路徑 

14.1.

14.2.

14.3.

15.prettier-code formatter(**格式化)

16.todo highlight(備忘)

17.vetur(vue外掛程式)

18.vscode-icons(檔案圖示)

19.vue vscode snippets()

vscode基本使用

f1 開啟可以輸入命令 f2 重新命名變數 f5 執行和除錯 ctrl g 會讓你輸入數字,快速定位到指定行 crtl f 查詢 ctrl shift n 多開乙個 vscode 編輯器 ctrl b 開關側邊欄 ctrl r 開啟最近檔案 ctrl 終端 ctrl tab 切換檔案 ctrl p ...

vscode前端開發快捷鍵

注釋 shift alt a或者ctrl k,ctrl c或者ctrl 移動行 alt up down 顯示 隱藏左側目錄欄 ctrl b 複製當前行 shift alt up down 複製當前行進剪下板 ctrl c,貼上使用ctrl v 刪除當前行 shift alt k 剪下當前行 ctrl...

使用vs code 開發python

使用ctrl p,輸入 ext install python 3.選取python直譯器 使用ctrl shift p開啟命令板,輸入python select interpreter進行搜尋。4.設定中文 使用快捷鍵組合 ctrl shift p 在搜尋框中輸入 configure display...