tft每日頭條

 > 圖文

 > 用vscode有哪些必備的插件

用vscode有哪些必備的插件

圖文 更新时间:2024-11-28 10:51:23
Chinese(Simplified) Language Pack for Visual Stidio Code 中文漢化包

對于開發來說英文是令人頭疼的一件事,尤其是在看不懂的情況下,這個漢化包可以把整個vscode換成你熟悉的中文,不需要任何額外的集成,按快捷鍵Ctrl Shift P調出命令面闆,輸入Configure Display Language,選擇zh-ch,然後重啟vs Code即可。

用vscode有哪些必備的插件(工欲善其事必先利其器)1

open-in-browser 在浏覽器中運行當前文件

有的時候需要運行當前文件到浏覽器,但是vscode沒有内置的浏覽器,這個時候open-in-browser就很關鍵了、可直接在浏覽器運行當前頁面、不用重啟整個項目。

用vscode有哪些必備的插件(工欲善其事必先利其器)2

Live Server 實時預覽

安裝這個插件之後,就實現了熱更新,按Ctrl S保存,修改效果就會實時同步,顯示在浏覽器中,再不用手動刷新。

用vscode有哪些必備的插件(工欲善其事必先利其器)3

Auto Close Tag 自動閉合标簽。

在普通的html中可以不用結束标簽、但是在xml中是有嚴格要求的、這個插件就起到很大的作用了、自動提示結束标簽。

用vscode有哪些必備的插件(工欲善其事必先利其器)4

用vscode有哪些必備的插件(工欲善其事必先利其器)5

Auto Rename Tag 閉合标簽同步修改

用vscode有哪些必備的插件(工欲善其事必先利其器)6

用vscode有哪些必備的插件(工欲善其事必先利其器)7

Bracket Pair Colorizer 不同主題的高亮括号

用vscode有哪些必備的插件(工欲善其事必先利其器)8

用vscode有哪些必備的插件(工欲善其事必先利其器)9

Highlight Matching Tag 高亮顯示匹配标簽

這個插件自動幫我們将選中的匹配标簽高亮顯示,再也不用費勁查找了。

用vscode有哪些必備的插件(工欲善其事必先利其器)10

Vscode-icons VSCode 文件圖标

采用圖标來區分文件

用vscode有哪些必備的插件(工欲善其事必先利其器)11

TODO Highlight 标記

其實就是标記某一段代碼、後續更好的查找

用vscode有哪些必備的插件(工欲善其事必先利其器)12

用vscode有哪些必備的插件(工欲善其事必先利其器)13

Code Spell Checker 單詞檢查

在給變量或者方法取變量名的時候、經常會忘記單詞、造成漏寫,造成代碼可讀性變差。

用vscode有哪些必備的插件(工欲善其事必先利其器)14

用vscode有哪些必備的插件(工欲善其事必先利其器)15

GitLens 查看Git信息(提交人、提交時間)

将光标移到代碼行上,即可顯示當前行最近的commit信息和作者,多人開發的時候十分有用,責任到人,防止甩鍋。

用vscode有哪些必備的插件(工欲善其事必先利其器)16

用vscode有哪些必備的插件(工欲善其事必先利其器)17

拓展插件

這部分主要介紹一些針對特定開發環境的插件

Vscode-element-helper

使用element-ui庫的可以安裝這個插件,編寫标簽時自動提示element标簽名稱。

用vscode有哪些必備的插件(工欲善其事必先利其器)18

用vscode有哪些必備的插件(工欲善其事必先利其器)19

Vetur VUE插件

用vue框架的都應該知道這個吧,Vetur對VUE提供了很好的語言支持。

用vscode有哪些必備的插件(工欲善其事必先利其器)20

沒有安裝該插件之前之前編寫後綴名為.vue的文件時代碼是白色的、沒有補全之類的。

用vscode有哪些必備的插件(工欲善其事必先利其器)21

安裝插件後編寫vue文件輸入s,按Tab鍵就可以自動補全模版。

用vscode有哪些必備的插件(工欲善其事必先利其器)22

主題

編輯器在我們看來是每天接觸的東西、怎麼能不給它搞件衣服呢。

用vscode有哪些必備的插件(工欲善其事必先利其器)23

用vscode有哪些必備的插件(工欲善其事必先利其器)24

Dracula Official 吸血鬼主題

用vscode有哪些必備的插件(工欲善其事必先利其器)25

One Dark Pro

用vscode有哪些必備的插件(工欲善其事必先利其器)26

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved