1. VSCode漢化包插件 :Chinese (Simplified) (簡體中文) Language
VSCode漢化包,原始默認是英文的所以我們需要下一個中文插件,
2. VSCode自動補全標簽 :Auto Close Tag
Auto Close Tag 對Html或Xml檔案自動創建結束標簽;
如div 在Html輸入div敲回車就會自動生成:

3. VSCode 自動同步修改前后標簽名插件:Auto Rename Tag
修改前面標簽后面跟著修改:
4. VSCode背景圖片修改插件:background
可以自己設定自己喜歡的圖片,還可以更改樣式,但是最多只能放三張,

如需更改圖片須:下載插件(記得重啟軟體)>點擊左上角檔案>首選項>設定>搜索background>在settings.json中編輯

代碼已寫好,復制把之前的刪掉,然后粘貼改路徑即可,拿走記得點贊哦:
{ "background.enabled": true, "background.useDefault": false, "background.customImages": [// 圖片路徑 最多三個(哪個盤下面的哪一個檔案夾下面的圖片) "file:///", "file:///", "file:///", ], // 圖片樣式修改 "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "200px", "height": "400px", "background-size": "contain", "border-radius": "50px", "background-repeat": "no-repeat", "right":"10px", "top":"280px", "opacity": 0.4, }, "bracket-pair-colorizer-2.depreciation-notice": false, // 下面默認你選擇的顏色主題,重啟軟體會自動更換 "workbench.colorTheme": "GitHub Dark Default", }
5. VSCode為代碼中括號添加顏色插件:Bracket Pair Colorizer 2
代碼越敲越多,各式各樣的括號也很多,有了它以后不僅方便看代碼,而且也方便找錯,效果圖如下:
6. VSCode很快從Html轉到css定義里面的插件:CSS Peek
它可以讓你快速從Html中的查到Css里面定義的標簽,滑鼠右擊標簽名快速轉到定義:

7. VSCode顏色主題:GitHub Theme
根據個人選擇,顏色主題很多 但是目前我使用的是這種,感覺不刺眼還闊以;
里面有Default light 、Default dark 、Dark dimmed三種色可選,
8. VSCode智能提示樣式插件:HTML CSS Support
在 html 標簽上寫class 時智能提示當前專案所支持的樣式

9. VSCode快速生成Html標簽模板插件:HTML Snippets
shift+!敲tab或者回車可以自動生成html5標簽模板,樣式如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>10. VSCode自動化格式插件:JS-CSS-HTML Formatter
這個插件對于小白很好用,因為一開始寫代碼會很亂,看的眼花繚亂,如果下了這個插件每次按ctrl+s保存后代碼會自動排版,會比較整齊,
沒用前:
用之后:

11. VSCode設定默認瀏覽器打開html的插件:open in browser
這個插件可以設定我們默認在哪一個瀏覽器中打開HTML,下次就直接用默認設定的瀏覽器打開了;

上面是默認打開,下面是設定更換瀏覽器打開,
12. VSCode快速找到當前目錄下的檔案插件:Path Intellisense

在路徑里面輸入 ./ 會提示當前目錄的檔案名,方便我們快速找到我們需要的檔案,
建議:下載必備的實用的插件,插件過多會占C盤記憶體,
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/450332.html
上一篇:[WPF] 假裝可變字體
下一篇:[WPF] 假裝可變字體
