溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

發(fā)布時(shí)間:2021-01-27 09:17:03 來源:億速云 閱讀:370 作者:小新 欄目:軟件技術(shù)

小編給大家分享一下如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

隨著VSCode的不斷完善和強(qiáng)大,是時(shí)候?qū)⒉糠珠_發(fā)遷移到VS Code中了。

目前使用VS2019開發(fā).NET Core應(yīng)用,一直有一個(gè)想法,在VS Code中復(fù)刻VS的開發(fā)環(huán)境,同時(shí)遷移到VS Code。

那么現(xiàn)在就開始吧。

首先,安裝最新版的VS Code:https://code.visualstudio.com/,安裝完成后可能會(huì)提示升級,升級即可,升級后的版本信息:

版本: 1.40.1 (system setup)
提交: 8795a9889db74563ddd43eb0a897a2384129a619
日期: 2019-11-13T16:49:35.976Z
Electron: 6.1.2Chrome: 76.0.3809.146Node.js: 12.4.0V8: 7.6.303.31-electron.0OS: Windows_NT x64 10.0.16299

接下來的操作分為幾個(gè)步驟:

1. 安裝各種強(qiáng)大VSCode插件

2. 創(chuàng)建.NET Core解決方案和工程

3. 調(diào)試運(yùn)行

好的,那我們開始吧。

一、安裝各種強(qiáng)大的VS Code插件

1. C# extension for Visual Studio Code

這個(gè)插件最重要的功能:

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

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

2. C# Extensions

這個(gè)插件最有用的功能是可以右鍵新建C#類和C#接口,同時(shí)支持各種code snippets,例如 ctor 、prop等,具體功能特性,可以查看插件的說明。

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

3. Auto-Using for C#

這個(gè)插件自動(dòng)添加using引用。

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

4. vscode-solution-explorer

這個(gè)插件給VS Code增加了解決方案tab, 支持新建解決方案、新建工程、添加引用、Nuget包,這個(gè)插件非常有用

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

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

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

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

6. vscode-icons

通過這個(gè)插件,給各個(gè)文件和文件夾一個(gè)你更熟悉的圖標(biāo)

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

7. Visual Studio IntelliCode

VS代碼智能提示,根據(jù)上下文語境,自動(dòng)推薦你下一步用到的代碼,后臺(tái)基于AI的

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

8. NuGet Package Manager

Nuget包管理,快速查詢定位Nuget包,并安裝。不過嘗試了一下午自定義Nuget源,沒搞定,估計(jì)是URL不對

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

9. Docker

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

10. Kubernetes

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

其他的還需要配置GitHub、TFS類似的源代碼管理,TFS搞了兩個(gè)插件,都不好使,后續(xù)搞定后再更新一次。

二、創(chuàng)建.NET Core解決方案和工程

此時(shí),VS Code的環(huán)境基本配置差不多了,接下來有兩種模式,創(chuàng)建解決方案和工程。

1. 通過vscode-solution-explorer

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

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

我們可以繼續(xù)創(chuàng)建工程:右鍵sln,Add new project:

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

此時(shí)會(huì)彈出工程模板,此時(shí)我們選擇ASP.NET Core Web API工程

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

選擇C#

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

然后繼續(xù)輸入工程名稱:例如 TestWebApi

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

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

以上是我們通過vscode-solution-explorer新建解決方案和工程。同時(shí)我們可以通過命令行來搞定。

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"

三、調(diào)試運(yùn)行

在Debug選項(xiàng)卡中新增調(diào)試配置,重點(diǎn)設(shè)置要調(diào)試的program

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

保存后,啟動(dòng)調(diào)試:

如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境

程序中增加斷點(diǎn),然后

輸入U(xiǎn)RL:https://localhost:5001/WeatherForecast

既可以調(diào)試了。

看完了這篇文章,相信你對“如何構(gòu)建VSCode開發(fā)調(diào)試環(huán)境”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI