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配置詳解://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使用指南://www.jianshu.com/p/95a1a06ac0fb

Git歷史記錄查看:

拓展名稱:Git History

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

流程圖神器-Drawio:

拓展名稱:Drawio

拓展描述:在Vs Code中預覽繪圖圖文件。

Vs Code中使用Drawio://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參考該篇博客://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,和自定義命令。