1. 程式人生 > 實用技巧 >Vs Code推薦安裝外掛

Vs Code推薦安裝外掛

前言:

  Visual Studio Code是一個輕量級但功能強大的原始碼編輯器,輕量級指的是下載下來的Vs Code其實就是一個簡單的編輯器,強大指的是支援多種語言的環境外掛拓展,也正是因為這種支援外掛式安裝環境開發讓Vs Code成為了開發語言中的霸主,讓同時支援開發多種語言成為了可能。俗話說的好工欲善其事必先利其器,作為一個Vs Code老使用者而已我我覺得安裝一些有用的外掛多自己日常的開發效率能夠大大的提升,下面我推薦的是我日常開發中使用的比較多和感覺起來還不錯的一些外掛,同時會持續更新,假如大家覺得有好的外掛而我這裡沒有提到的可以在下面留言我會補上。

Vs Code拓展外掛安裝:

快捷鍵:Ctrl+Shift+X進入拓展面板,到應用商店文字框中搜索拓展。

適用於 VS Code 的中文(簡體)語言包:

拓展名稱:Chinese (Simplified) Language Pack for Visual Studio Code

拓展描述:此中文(簡體)語言包為 VS Code 提供本地化介面。

美化VS Code的程式碼:

拓展名稱:Beautify

拓展描述:美化javascriptJSONCSSSass,和HTML在Visual Studio程式碼。

Visual Studio程式碼的圖示:

拓展名稱:vscode-icons

拓展描述:vscode-icons不僅能夠給資料夾、檔案新增上舒適的圖示,而且可以自動檢測專案,根據專案不同功能配上不同圖示,例如,git、Markdown、配置項、工具類等。

自動新增關閉標籤:

拓展名稱:Auto Close Tag

拓展描述:自動新增HTML / XML關閉標記,與Visual Studio IDE或Sublime Text相同(對前端開發的小夥伴非常有用)。

查詢並修復JavaScript程式碼中的問題:

拓展名稱:ESLint

拓展描述:ESLint 是一個程式碼規範和錯誤檢查工具,有以下幾個特性

1、所有東西都是可以插拔的。你可以呼叫任意的rule api或者formatter api 去打包或者定義rule or formatter。
2、任意的rule 都是獨立的
3、沒有特定的coding style,你可以自己配置

ESLint配置詳解:

https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase

Vs Code中好用的Git原始碼管理外掛GitLens:

拓展名稱:GitLens

拓展描述:GitLens內建到Visual Studio程式碼Git的能力。它可以幫助您通過Git責任註釋和程式碼鏡頭一目瞭然地看到程式碼作者的身份,無縫地導航和瀏覽 Git儲存庫,通過功能強大的比較命令獲得有價值的見解,等等。

Vs Code 原始碼管理外掛GitLens使用指南:https://www.jianshu.com/p/95a1a06ac0fb

Git歷史記錄檢視:

拓展名稱:Git History

拓展描述:Git歷史記錄,搜尋和更多內容(包括git log)。

流程圖神器-Drawio:

拓展名稱:Drawio

拓展描述:在Vs Code中預覽繪圖圖檔案。

Vs Code中使用Drawio:https://blog.csdn.net/huanglin6/article/details/106239570

自動路徑補全:

拓展名稱:Path Intellisense

拓展描述:在編輯器中輸入對應檔案的路徑,會自動補全(在import、require npm模組時非常便捷好用)。

Vue開發必備-Vetur(VS Code的Vue工具):

拓展名稱:Vetur

拓展描述:Vue多功能整合外掛,包括:語法高亮,智慧提示,emmet,錯誤提示,格式化,自動補全,debugger。vscode官方欽定Vue外掛,Vue開發者必備。

Vue VSCode片段:

拓展名稱:Vue VSCode Snippets

拓展描述:Vue 語法片段擴充套件。

Vs Code執行C#拓展:

拓展名稱:C#

拓展描述:.NET Core的輕量級開發工具。強大的C#編輯支援,包括語法突出顯示,IntelliSense,轉到定義,查詢所有引用等。對.NET Core(CoreCLR)的除錯支援。注意:不支援Mono除錯。桌面CLR除錯的支援有。限。在Windows,macOS和Linux上支援project.json和csproj專案。

使用Vs Code開發.NET Core參考該篇部落格:https://www.cnblogs.com/yilezhu/p/9926078.html

Angular開發必備-VS Code的Angular TypeScript程式碼片段:

拓展名稱:Angular Snippets (Version 9)

拓展描述:Visual Studio Code的此擴充套件為TypeScript和HTML添加了Angular的程式碼片段。