vscode有哪些好用的插件 12個(gè)不容錯(cuò)過(guò)的VSCode插件

有些插件看著好玩,裝上看一下你就不會(huì)再用了,還有些插件所有人都推過(guò),一堆人推來(lái)推去還是那么幾個(gè),越看越無(wú)聊,因此再說(shuō)這些也沒(méi)什么意思,還不如直接看下載排行榜去。
我選插件就一個(gè)標(biāo)準(zhǔn):提升工作效率!分享幾個(gè)我自己用的能讓生活變得更容易的插件:
1)Project Manager:
用 vscode 經(jīng)常在項(xiàng)目里切換來(lái)切換去,Open Directory 效率太低,命令行 code .
用著也不方便,這個(gè) Project Manager 是解決這個(gè)痛點(diǎn)存在的:
- 左上是項(xiàng)目收藏面板,點(diǎn)擊 “軟盤(pán)”圖標(biāo)可以收藏當(dāng)前項(xiàng)目,下次直接點(diǎn)擊就切換。
- 左下是項(xiàng)目掃描,設(shè)定幾個(gè)目錄,會(huì)自動(dòng)掃描這幾個(gè)目錄下面所有 svn/git 項(xiàng)目,雙擊切換。
有了這兩個(gè)面板,項(xiàng)目切換隨心所欲,想切就切。
2)Notes
筆記插件,安裝后,設(shè)置一個(gè)存儲(chǔ)筆記的地方,然后該路徑下的 markdown 文件會(huì)專(zhuān)門(mén)顯示在 Notes 插件的面板里,集中管理。當(dāng)然有更專(zhuān)業(yè)的筆記軟件,這個(gè)插件的優(yōu)勢(shì)是就在 vscode 的側(cè)面板里,非常容易訪問(wèn)到,不需要多開(kāi)一個(gè)軟件,不影響當(dāng)前 vscode 正在打開(kāi)的項(xiàng)目,適合隨手記錄一些比較零碎的東西。
尤其適合記錄一些代碼相關(guān)的東西,然后設(shè)置保存在 onedrive 目錄里,多臺(tái)電腦云同步。搭配其他 markdown 插件,可以方便的實(shí)現(xiàn)筆記內(nèi)鏈(按 CTRL+鼠標(biāo)左鍵跳轉(zhuǎn)),圖床之類(lèi)的功能。
3)vscode-mindmap
腦圖支持,項(xiàng)目里新建一個(gè) .km
文件,然后用它打開(kāi),直接編輯腦圖,適合在沒(méi)有裝 xmind 的情況下,畫(huà)一些腦圖,同事支持多布局,多種風(fēng)格;還有一個(gè)叫做 nano mindmap 的代替品:
可以直接打開(kāi)編輯 .xmind
的文件,不過(guò)快捷鍵設(shè)置上我更喜歡上面那個(gè)。
4) http://draw.io
很多人推薦過(guò)的矢量圖工具,我是重度使用的,如果說(shuō)上面兩個(gè)記筆記和腦圖的插件我也還是同時(shí)會(huì)用其他筆記和腦圖的軟件,那么矢量圖方面,我只用 http://draw.io,功能強(qiáng),專(zhuān)業(yè)度高。
5)Dictionary Completion
字典補(bǔ)全,可以設(shè)置一個(gè)常用英文單詞詞典,然后輔助你輸入單詞的,寫(xiě)英文文檔很有幫助,有些長(zhǎng)單詞知道怎么讀,但是寫(xiě)出來(lái)經(jīng)常寫(xiě)錯(cuò)的,有這個(gè)就好辦了,支持模糊匹配,拿不準(zhǔn)時(shí)隨意輸入點(diǎn)你記得的部分,它也能給你推薦最接近的。
6)HexEditor
二進(jìn)制編輯器,安裝后在左邊文件樹(shù)那里選擇一個(gè)文件,鼠標(biāo)右鍵 “Open With" 然后選擇 HexEditor 打開(kāi)即可,偶爾需要編輯下二進(jìn)制時(shí),不需要再去下載安裝一個(gè)專(zhuān)門(mén)軟件。
7)Bookmarks
經(jīng)常在文檔幾個(gè)不同位置跳來(lái)跳去的,這個(gè)書(shū)簽插件很實(shí)用,右鍵菜單里直接設(shè)置/取消書(shū)簽,快捷鍵在不同的書(shū)簽位置跳轉(zhuǎn),左邊還有當(dāng)前書(shū)簽列表,雙擊立馬跳轉(zhuǎn)。
8)GitHub Repositories
打開(kāi)遠(yuǎn)程 github 倉(cāng)庫(kù),F(xiàn)1 選擇 Remote Repositories: Open Remote Repository 然后帖任意一個(gè) github 項(xiàng)目的 url 就能打開(kāi)了:
有時(shí)候網(wǎng)頁(yè)上讀某個(gè) github 項(xiàng)目的代碼太麻煩,全部 clone 下來(lái)太費(fèi)時(shí)間,用這個(gè)插件就可以快速打開(kāi)遠(yuǎn)程倉(cāng)庫(kù),按需請(qǐng)求文件內(nèi)容,讀起代碼來(lái)飛快。
9)MetaJump
快速光標(biāo)移動(dòng),類(lèi)似 vim 里的 easymotion,如果你經(jīng)常使用鍵盤(pán),那么按 ALT+/ 然后再隨便敲一個(gè)字母,比如上圖中敲了個(gè)小寫(xiě)字母 "n" ,然后屏幕內(nèi)所有出現(xiàn) "n" 的地方都被藍(lán)色高亮起來(lái),并且上面覆蓋了一個(gè)快捷字母,再按一下相應(yīng)字母,就可以直接跳到該處,比如再按一下 "a" 就能跳到 13 行的 "notebook...." 的 "n" 字母上。
總共按三次鍵就可以移動(dòng)到屏幕內(nèi)任意地方,用熟了基本指哪打哪。
10)Blockman
很酷的一款小插件,用淺顯的背景色,直觀的展示代碼的層次結(jié)構(gòu)。
11)Window Colors
適合多開(kāi) vscode 的同學(xué)們,看著幾個(gè) vscode 窗口經(jīng)常蒙圈找不到誰(shuí)是誰(shuí)的,可以為每個(gè)項(xiàng)目制定一個(gè)專(zhuān)屬的顏色,多開(kāi)窗口再也不會(huì)迷路。
12)todo tree
找出代碼里所有包含:TODO
和 FIXME
的注釋?zhuān)⑶伊性谧筮吤姘逯?,方便你快速定位代碼里的 TODO。 有時(shí)候代碼不會(huì)一次寫(xiě)完,有時(shí)候某處只是先用一個(gè)臨時(shí)方案,后面還需要繼續(xù)完善,這時(shí)候人們習(xí)慣在注釋里加一條 TODO
字樣,這個(gè)插件就是幫你快速列出項(xiàng)目?jī)?nèi)所有文件還需要完成的任務(wù),避免遺漏某些需要進(jìn)一步完善的地方。
以上就是12個(gè)不容錯(cuò)過(guò)的VSCode插件的全部?jī)?nèi)容,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VSCode和WebStorm哪個(gè)更優(yōu)秀??jī)煽顝?qiáng)大的編輯器對(duì)比介紹
VScode無(wú)法顯示跳轉(zhuǎn)到定義怎么解決? vscode無(wú)法跳轉(zhuǎn)定義的原因及解決方法
相關(guān)文章
- vs Code怎么設(shè)置面包屑顯示代碼單元?vs Code面包屑想要顯示代碼單元,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2023-06-25
- vscode面包屑是什么?可以快速地瀏覽代碼,在代碼中跳轉(zhuǎn),在長(zhǎng)代碼、長(zhǎng)文檔中還可以充當(dāng)目錄的功能,下面我們就來(lái)看看vscode面包屑的使用技巧2023-06-25
VSCode怎么設(shè)置翻頁(yè)? VSCode滾動(dòng)頁(yè)面關(guān)閉方法
VSCode怎么設(shè)置翻頁(yè)?VSCode編輯代碼的時(shí)候,可以開(kāi)啟和關(guān)閉自動(dòng)翻頁(yè)功能,就是頁(yè)面滾動(dòng)效果,下面我們就來(lái)看看VSCode滾動(dòng)頁(yè)面關(guān)閉方法2023-06-25VSCode怎么開(kāi)啟使用圖標(biāo)渲染面包屑導(dǎo)航項(xiàng)?
VSCode怎么開(kāi)啟使用圖標(biāo)渲染面包屑導(dǎo)航項(xiàng)?VSCode中面包屑功能經(jīng)常使用,下面我們就來(lái)看看VSCode使用圖標(biāo)渲染面包屑導(dǎo)航項(xiàng)設(shè)置技巧2023-06-25VSCode中g(shù)it怎么開(kāi)啟拉標(biāo)簽?
VSCode中g(shù)it怎么開(kāi)啟拉標(biāo)簽?VSCode中想要提取時(shí)獲取所有標(biāo)簽,該怎么操作呢?下面我們就來(lái)看看詳細(xì)的設(shè)置方法2023-07-08VSCode中g(shù)it怎么取消提取時(shí)修剪? VSCode關(guān)閉去取時(shí)修剪的技巧
VSCode中g(shù)it怎么取消提取時(shí)修剪?經(jīng)常會(huì)根據(jù)不同的代碼內(nèi)容設(shè)置更改功能選項(xiàng),那么用戶想要設(shè)置忽略修剪空白功能的話,下面我們就來(lái)看看VSCodeVSCode關(guān)閉去取時(shí)修剪的技巧2023-07-08- VS Codezhong git保存文件提示彈窗怎么顯示?保存文件的時(shí)候會(huì)有一個(gè)彈窗提示,該怎么設(shè)置呢?下面我們就來(lái)看看開(kāi)啟這個(gè)功能的技巧2023-07-12
VSCode任務(wù)系統(tǒng)配置中的分組和結(jié)果顯示怎么用?
VSCode任務(wù)系統(tǒng)配置中的分組和結(jié)果顯示怎么用?VSCode任務(wù)系統(tǒng)配置中有很多屬性,今天我們就來(lái)看看“group” “presentation” 和 “options”,詳細(xì)請(qǐng)看下文介紹2023-07-20VSCode怎么新增任務(wù)? VSCode創(chuàng)建自定義的任務(wù)技巧
VSCode怎么新增任務(wù)?VSCode中想要自己創(chuàng)建新任務(wù),該怎么操作呢?下面我們就來(lái)看看 VSCode創(chuàng)建自定義的任務(wù)技巧2023-07-20VSCode終端有哪些快捷鍵操作? vscode終端運(yùn)行快捷鍵介紹
VSCode終端有哪些快捷鍵操作?今天我們就來(lái)看看集成終端里的快捷鍵操作的相關(guān)介紹,詳細(xì)請(qǐng)看下文介紹2023-07-20