建置VSCode開發調試環境（強大且實用的插件推薦）-VSCode-PHP中文網

建置VSCode開發調試環境（強大且實用的插件推薦）

青灯夜游

發布： 2021-01-26 18:38:37

轉載

3805 人瀏覽過

建置VSCode開發調試環境（強大且實用的插件推薦）

相關推薦：《vscode教程》

#隨著VSCode的不斷完善和強大，是時候將部分開發遷移到VS Code中了。

目前使用VS2019開發.NET Core應用，一直有一個想法，在VS Code中復刻VS的開發環境，同時遷移到VS Code。

那麼現在就開始吧。

首先，安裝最新版的VS Code：https://code.visualstudio.com/，安裝完成後可能會提示升級，升級即可，升級後的版本資訊：

版本: 1.40.1 (system setup)
提交: 8795a9889db74563ddd43eb0a897a2384129a619
日期: 2019-11-13T16:49:35.9769: 2019-11-13T16:49:35.976Z3620.362136 月 3.6232323333333333 月。 js: 12.4 .0V8: 7.6.303.31-electron.0OS: Windows_NT x64 10.0.16299

接下來的操作分為幾個步驟：

#1. 安裝各種強大

VSCode外掛程式

2. 建立.NET Core解決方案和工程

3. 偵錯運行

的，那讓我們開始吧。

一、安裝各種強大的VS Code外掛程式

1. C# extension for Visual Studio Code

這個外掛程式最重要的功能：

Great C# editing support, including Syntax Highlighting, IntelliSense, Go to Definition, Find All References, etc.
Debugging support for .NET Core (CoreCLR). NOTE: Mono debugging is not supported. Desktop CLR debugging has limited support.
Support for project.json and Linux csproj projects on, project.json and Linux csproj projects on, project.json and Linux csproj projects on, Windows macject. .

C# Extensions

這個外掛程式最有用的功能是可以右鍵新建C#類別和C#接口，同時支援各種code snippets，例如ctor 、prop等，具體功能特性，可以查看插件的說明。

3. Auto-Using for C

#這個外掛程式自動加入using參考。

4. vscode-solution-explorer

這個外掛程式為VS Code增加了解決方案tab, 支援新建解決方案、新建工程、新增參考、 Nuget套件，這個外掛程式非常有用

Adds a Solution Explorer panel where you can find a Visual Studio Solution File Explorer.

Can load any .sln version
#Supports csproj, vcxproj, fsproj and vbproj (from vs2017 and before)
Supports dotnet core projects
You can create, delete, rename or move project folders and files.
##You can create, delete, rename or move solution, solution folders and projects.
You can add or remove packages and references when the project is of kind CPS (dotnet core).

5. Code Runner（韓俊老師出品，必做精品）

Run code snippet or code file for multiple languages:

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, and custom command

即選取一段程式碼，直接run

vscode-icons

#透過這個插件，給各個文件和資料夾一個你更熟悉的圖示

#7. Visual Studio IntelliCode

VS程式碼智慧提示，依照情境語境，自動推薦你下一步用到的程式碼，後台基於AI的

8. NuGet Package Manager

Nuget套件管理，快速查詢定位Nuget套件，並安裝。不過嘗試了一下午自訂Nuget來源，沒搞定，估計是URL不對

#9. Docker

## 10. Kubernetes

其他的還需要設定GitHub、TFS類似的原始碼管理，TFS搞了兩個插件，都不好使，後續搞定後再更新一次。

二、創建.NET Core解決方案和工程

#此時，VS Code的環境基本配置差不多了，接下來有兩種模式，創建解決方案和工程。

1. 透過vscode-solution-explorer

解決方案有了，很熟悉的感覺。

我們可以繼續建立工程：右鍵sln，Add new project：

#此時會彈出工程模板，此時我們選擇ASP.NET Core Web API工程

選擇C

##然後繼續輸入工程名稱：例如TestWebApi

熟悉的感覺來了。此時就可以開始coding了。

以上是我們透過vscode-solution-explorer新建解決方案和工程。同時我們可以透過命令列來搞定。

2. 透過Dotnet CLI命令列

#新建sln：

dotnet

登入後複製

新建ASP.NET Core WebAPI工程

dotnet "new" "webapi" "-lang" "C#" "-n" "TestWebApi" "-o" "TestWebApi"

登入後複製

將TestWebApi工程加入到解決方案EricTest

dotnet "sln" "e:\Work\ServiceDependency\EricTest.sln" "add" "e:\Work\ServiceDependency\TestWebApi\TestWebApi.csproj"

登入後複製

#三、偵錯運行

##在Debug選項卡中新增偵錯配置，重點設定要偵錯的program

#儲存後，啟動偵錯：

程式中增加斷點，然後

輸入URL：https ://localhost:5001/WeatherForecast

既可以調試了。

更多程式相關知識，請造訪：

程式設計影片

！！

以上是建置VSCode開發調試環境（強大且實用的插件推薦）的詳細內容。更多資訊請關注PHP中文網其他相關文章！