現在記錄幾款好用的vscode的外掛程式

2022-08-20 22:51:08 字數 1789 閱讀 8177

vscode 外掛程式

rainbow brackets

編碼過程中,尤其在我們使用js進行函式式程式設計時,**裡會有很多的花括號,想要保證它們對稱十分困難,所以就出現了上面小粉同學的尷尬局面,相信很多人都遇到過類似的情況。

rainbow brackets,可以將同一對花括號給定相同的顏色,可以一眼就看出配對的兩個花括號。

indent rainbow

indent rainbow 則可以給**的縮排提供顏色上提示,和 rainbow brackets 這搭配使用,可以在**層級較多時,也能看起來很清晰,一目了然。

project manager

工作中,我們經常會來回切換多個專案,每次都要找到對應專案的目錄再開啟,比較麻煩。project manager外掛程式可以解決這樣的煩惱,它提供了專門的檢視來展示你的專案,我們可以把常用的專案儲存在這裡,需要時一鍵切換,十分方便,媽媽再也不用擔心我忘記把專案放在哪個目錄下了。

import cost

pigment

遇到顏色**時,pigment會將顏色渲染在這段**的下面。

gitlens

gitlens可以顯示每一行**的作者,提交時間,以及commit資訊,在想要知道哪行**是誰改動的時候非常的實用。

把滑鼠移到這條提示上,會彈出更詳細的描述,

不止如此,gitlens 還可以檢視**的歷史記錄,能夠檢視某個 commit 的**改動,能夠 diff 任意commit或branch,進行對比。

settings sync

settings sync 提供了同步個人設定的功能,當我們需要換電腦進行開發時,比如回家用自己的電腦,或者換了新的電腦,該外掛程式可以幫你同步之前做的設定,不需要在每台電腦上都重新設定一次。

markdown preview enhanced

eslint可以在我們在coding的時候,分析我們的**,對有錯誤或不符合規範的地方,給出提示,讓我們第一時間發現**的問題。同時,還能在儲存時,幫助我們自動修復一些問題。

path intellisense可以智慧型提示路徑,並幫我們自動補全路徑

document this

可以幫我們快速生成**注釋,比如一些函式的注釋,能夠自動抽取出引數的定義。比如下面的函式,只需在上面輸入/**, 就會自動觸發 document this外掛程式,生成如下的注釋。

可以直接複製上面的**到自己專案的.vscode/extensions.json 檔案中,一鍵安裝本文介紹的所有外掛程式。

上述的外掛程式我是從摘錄過來的,為了記錄下,可以自己用

推薦幾款好用的工具

有道雲筆記 體驗好,對新使用者友好,誰用誰說好。免費用 3g 光寫文件不知道要寫多少年才能寫到3g。支援markdown語法 可以畫流程圖 甘特圖等。獲取方式 github上開啟再也不用乙個乙個點進去又退出來了。絕對是使用github的程式設計師的福音。獲取方式 瀏覽器新增外掛程式,應用商店搜尋oc...

推薦幾款好用的工具

有道雲筆記 體驗好,對新使用者友好,誰用誰說好。免費用 3g 光寫文件不知道要寫多少年才能寫到3g。支援markdown語法 可以畫流程圖 甘特圖等。獲取方式 github上開啟再也不用乙個乙個點進去又退出來了。絕對是使用github的程式設計師的福音。獲取方式 瀏覽器新增外掛程式,應用商店搜尋oc...

關於WordPress的幾款好用外掛程式

wordpress 搭建好之後,相信很多小夥伴們都異常激動。當然由於初始頁面比較精簡,很難滿足自己的需求。下面給大家推薦幾款非常好用的外掛程式,讓你應用自如,排名不分先後。外掛程式一般不能安裝太多,伺服器不太優秀的話,會拖慢 的啟動速度 wordpress後台開啟過慢絕對是站長煩惱排行榜的前三。這是...