天天看點

真的,請不用再下載下傳這些vscode插件了

作者:活潑小陳視訊剪輯

vscode好多插件都已經内置了,但是還是有很多憨批不知道,還在傻傻的推薦這些插件來坑萌新。

  1. Auto Rename Tag
真的,請不用再下載下傳這些vscode插件了

Auto Rename Tag

這個插件是在寫html标簽的時候可以重命名标簽名的,但是現在vscode已經内置了,就不需要再下載下傳這個插件了。隻不過預設是關閉的,需要開啟。

點選設定,搜尋link,把這個勾選上,就可以左右重命名标簽了。

在html中是支援的,而vue中則是要安裝volar,vetur是不行的。volar可以配置vue2的。并且jsx也是不支援的,圖友善的話,還是保留着把。

真的,請不用再下載下傳這些vscode插件了

開啟配置

  1. Auto Close Tag
真的,請不用再下載下傳這些vscode插件了

Auto Close Tag

這個插件是用來自動閉合html标簽的,但是目前vscode已經内置了這個自動閉合标簽的功能了,就不需要再下載下傳了,預設是開啟的。

  1. Bracket Pair Colorizer
真的,請不用再下載下傳這些vscode插件了

Bracket Pair Colorizer

這個标簽是用來顯示多個彩色括号的,但是目前vscode也内置了,是以也不用再下載下傳了,預設是開啟的。

如果沒有開啟,點選設定,搜尋Bracket Pair,并勾選上。

真的,請不用再下載下傳這些vscode插件了

開啟配置

  1. Guides
真的,請不用再下載下傳這些vscode插件了

Guides

這個插件是用來顯示代碼層級的,但是vscode也已經内置了,預設是關閉的,在上面的配置中,把是否啟用括号對指南改成true即可。

  1. CSS Peek
真的,請不用再下載下傳這些vscode插件了

CSS Peek

這個插件隻是用于查找html的外部css樣式,對于vue、react等檔案是不起作用的,并且目前處于失效中。

6.HTML Snippets

真的,請不用再下載下傳這些vscode插件了

HTML Snippets

早期作為html的提示插件,現在vscode也内置了html提示,該插件就不再維護。

  1. Beautify
真的,請不用再下載下傳這些vscode插件了

實際上現在的格式化都是用prettier了,但是還是看到有人在混着用,就提一下。

  1. Vetur
真的,請不用再下載下傳這些vscode插件了

Vetur

本來是vue2的代碼提示的,但是自從vue3出了,這個插件就不能很好的支援vue3。還想繼續開發vue2的話,Vue Language Features (Volar)也是可以配置的,不過Vue Language Features (Volar)的缺點就是太慢了。

繼續閱讀