1. 程式人生 > >玩轉VSCode-完整構建VSCode開發除錯環境

玩轉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.976Z
Electron: 6.1.2
Chrome: 76.0.3809.146
Node.js: 12.4.0
V8: 7.6.303.31-electron.0
OS: Windows_NT x64 10.0.16299

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

1. 安裝各種強大VS Code外掛

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

3. 除錯執行

好的,那我們開始吧。

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

1. C# extension for Visual Studio Code

這個外掛最重要的功能:

  • Lightweight development tools for .NET Core.
  • 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 csproj projects on Windows, macOS and Linux.

2. 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

6. 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 "new" "sln" "-n" "EricTest" "-o" "e:\Work\ServiceDependency"

新建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

 既可以除錯了。

 

以上是今天集中配置VS Code開發除錯環境的總結,分享給大家。

 

周國慶

2019//11/16