有什麼推薦的vs code插件?

艾小城


Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器,由於其卓越的性能和豐富的功能,很快受到了廣大程序員的歡迎。


下面分享幾款使用過的擴展插件,供各位參考:

1. Power Mode

Power Mode 能夠在你敲代碼的時候顯示打字特效,十分炫酷,給無聊敲代碼的你可以增添一絲樂趣。用戶除了可以選擇提供的一些特效模式之外,還可以進行自定義特效模式。

運行效果:


2. vscode-icons

vscode-icons 能夠顯示不同類型文件的圖標,提高不同類型文件的可讀性。

運行效果:


3. Guides

Guides 能夠顯示和區分不同縮進代碼塊,特別是對於Python編程過程中用於防止縮進錯,提高代碼的可讀性。

運行效果:


4. Bracket Pair Colorizer

Bracket Pair Colorizer 能通過不同顏色將成對的括號區分開,大大提高代碼的識別度。

運行效果:


5. Path Intellisense

Path Intellisense 用於路徑提示,提示我們當前路徑下存在的文件/文件夾。


小結

上面介紹的幾款插件,基本上沒有領域限制,無論哪個編程開發領域都可以使用。

同時,也歡迎各位分享和推薦你們使用起來效果非常好的插件!


Fortitude


推薦10款VS Code插件,可以根據個人需要選擇安裝。

1. CodeIf

Codeif解決變量命名問題,它通過搜索GitHub, Bitbucket, GitLab來找到真實的使用變量名,為你提供一些高頻使用的詞彙,同時為你標明使用的語言、代碼鏈接。

2. Local history

解決找回歷史代碼問題。每當我們保存更改時,它都會備份一份歷史文件,當我們需要恢復之前版本時,只需要點擊一下對應的文件即可。此外,它還會在編輯框顯示對比詳情,能夠讓你對修改位置一目瞭然。

3. Partial Diff

解決文件比較問題,類似於Beyond Compare。

4. TODO Tree

解決代碼標籤問題。相比其他標籤工具,它可以實現標籤高亮,還可以在活動欄添加一個選項卡,它能夠以不同視圖展示我們標記的位置,單擊對應標籤就能夠快速定位到指定位置。

5. vscode-icons

解決文件標籤自定義問題。不僅能夠給文件夾、文件添加上舒適的圖標,而且可以自動檢測項目,根據項目不同功能配上不同圖標,例如,git、Markdown、配置項、工具類等等。

6. Better Comments

解決註釋問題。可以讓VS Code註釋信息更加人性化。它可以根據告警、查詢、TODO、高亮等標記對註釋進行不同的展示。此外,還可以對註釋掉的代碼進行樣式設置。

7. Bracket Pair Colorizer

Bracket Pair Colorizer這款插件可以給()、[]、{}這些常用括號顯示不同顏色,當點擊對應括號時能夠用線段直接鏈接到一起,讓層次結構一目瞭然。除此之外,它還支持用戶自定義符號。

8. Better Align

解決代碼格式規範問題。主要用於代碼的上下對齊。能夠用冒號(:)、賦值(=,+=,-=,*=,/=)和箭頭(=>)對齊代碼。

9. change-case

快速修改當前選定內容或當前單詞的命名的插件。

10. Markdown All in One

可以實現媲美Typora的Markdown編輯體驗。

強烈推薦5、6、7、10,非常好用。


科技要述


1、Auto Rename Tag ——自動重命名成對的HTML標記。假如你創建了一個p標記。現在你想更改它。有了這個軟件,你只需要更改一個就行,另一個會自動修改。從理論上來說,使用這個軟件可以把你的工作效率提升一倍。

2、HTML CSS Support ——HTML文檔的CSS支持工具。該工具在獲得一些簡潔的語法高亮顯示和代碼建議方面非常有用。

3、HTML Snippets ——這一工具在代碼分段方面非常有用,可以為你節省大量的時間。它能跟Emmet配對,這樣一來你甚至都不用再真正鍵入HTML了。

4、Babel ES6/ES7 ——JavaScript Babel的輔助工具。如果你用的是Babel,這個工具可以讓你更容易區分代碼。如果你喜歡JavaScript,那務必也不要錯過這款軟件。

5、Bracket Pair Colorizer ——色彩可視化工具。如果你沒有準確地括號,那這個工具對於發現因此導致的許多常見漏洞十分方便。

6、ESLint ——你在編寫代碼的時候,利用這個軟件可以輕易獲取有關漏洞的提示,而且在編碼過程中,它還可以幫助你養成良好的編碼習慣。

7、Guides ——這一工具可以被用來添加額外的指導行代碼。這是另一個視覺提示,以確保你正確地括號了。

8、JavaScript Console Utils ——使控制檯日誌記錄變得更為簡單可行。如果你像大多數開發人員一樣,你會發現自己需要在調試流中登錄到控制檯(我知道我們應該使用調試器)。這個實用的程序使得創建有用的console.log()語句變得易如反掌。

9、Code Spell Checker ——這一工具正如其名,是拼寫檢查程序。漏洞的的另一個常見來源是變量或函數名。這一拼寫檢查工具可以查找不常見的單詞,而且還可以把我們用JavaScript編寫的東西進行有效的審核。

10、Git Lens ——可以讓我們對某文件何時、以及由何人進行更改變得一目瞭然。當代碼被破壞時,我們就能找到該負責任的人,而不是讓你當替罪羊了。

11、Path Intellisense ——文件路徑自動完成程序。這樣一來從其他文件中導入重要的東西就非常方便了。這一工具使文件導航變得輕而易舉。

Prettier ——自動代碼格式化程序。忘掉那些你不得不手動縮進代碼的日子吧,有了這個工具,事情就變得簡單多啦。這個程序會比你自己做得更快更好。對這個程序我是鼎力推薦的。

12、VSCode-Icons ——將圖標添加到文件譜中。如果文件結構非常不科學,你的眼睛想罷工的話,這個程序可能會有所幫助。它對於你正在製作的任何文件都能提供有用的圖標輔助,能使你更為輕易地區分看到的內容。









分享到:


相關文章: