玩轉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