前言:
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
擴充描述:美化javascript
,JSON
,CSS
,Sass
,和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,你可以自己配置
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的程式碼片段。
Vs Code Chrome偵錯程式:
擴充名稱:Debugger for Chrome
擴充描述:在Chrome瀏覽器或任何其他支援Chrome Debugger協議的目標中除錯JavaScript程式碼。
Vs Code程式碼執行器:
擴充名稱:Code Runner
擴充描述:執行多種語言的程式碼段或程式碼檔案:C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA,和自定義命令。