對于開發來說英文是令人頭疼的一件事,尤其是在看不懂的情況下,這個漢化包可以把整個vscode換成你熟悉的中文,不需要任何額外的集成,按快捷鍵Ctrl Shift P調出命令面闆,輸入Configure Display Language,選擇zh-ch,然後重啟vs Code即可。
open-in-browser 在浏覽器中運行當前文件
有的時候需要運行當前文件到浏覽器,但是vscode沒有内置的浏覽器,這個時候open-in-browser就很關鍵了、可直接在浏覽器運行當前頁面、不用重啟整個項目。
Live Server 實時預覽
安裝這個插件之後,就實現了熱更新,按Ctrl S保存,修改效果就會實時同步,顯示在浏覽器中,再不用手動刷新。
Auto Close Tag 自動閉合标簽。
在普通的html中可以不用結束标簽、但是在xml中是有嚴格要求的、這個插件就起到很大的作用了、自動提示結束标簽。
Auto Rename Tag 閉合标簽同步修改
Bracket Pair Colorizer 不同主題的高亮括号
Highlight Matching Tag 高亮顯示匹配标簽
這個插件自動幫我們将選中的匹配标簽高亮顯示,再也不用費勁查找了。
Vscode-icons VSCode 文件圖标
采用圖标來區分文件
TODO Highlight 标記
其實就是标記某一段代碼、後續更好的查找
Code Spell Checker 單詞檢查
在給變量或者方法取變量名的時候、經常會忘記單詞、造成漏寫,造成代碼可讀性變差。
GitLens 查看Git信息(提交人、提交時間)
将光标移到代碼行上,即可顯示當前行最近的commit信息和作者,多人開發的時候十分有用,責任到人,防止甩鍋。
拓展插件
這部分主要介紹一些針對特定開發環境的插件
Vscode-element-helper使用element-ui庫的可以安裝這個插件,編寫标簽時自動提示element标簽名稱。
Vetur VUE插件
用vue框架的都應該知道這個吧,Vetur對VUE提供了很好的語言支持。
沒有安裝該插件之前之前編寫後綴名為.vue的文件時代碼是白色的、沒有補全之類的。
安裝插件後編寫vue文件輸入s,按Tab鍵就可以自動補全模版。
主題
編輯器在我們看來是每天接觸的東西、怎麼能不給它搞件衣服呢。
Dracula Official 吸血鬼主題
One Dark Pro
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!