VSCode轻松调试运行.Net 8.0 Web API项目的过程
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li><a href="#_label0">1.背景</a></li><li><a href="#_label1">2.操作</a></li><ul class="second_class_ul"><li><a href="#_lab2_1_0">2.1 VS Code插件</a></li><li><a href="#_lab2_1_1">2.2 准备一个.Net 8.0 Web API项目</a></li><li><a href="#_lab2_1_2">2.3 VS Code打开</a></li><li><a href="#_lab2_1_3">2.4 创建json配置</a></li><li><a href="#_lab2_1_4">2.5 项目运行</a></li><li><a href="#_lab2_1_5">2.6 项目断点调试</a></li></ul><li><a href="#_label2">3.结论</a></li><ul class="second_class_ul"></ul></ul></div><p class="maodian"><a name="_label0"></a></p><h2>1.背景</h2><p>我一直都是用VS来开发.NetCore项目的，用的比较顺手，也习惯了。看其他技术文章有介绍VS Code更轻量，更方便。所以我专门花时间来使用VS Code，看看它是如何调试代码、如何运行.Net 8.0 WebAPI项目。这篇文章是一个记录的过程。</p>
<p class="maodian"><a name="_label1"></a></p><h2>2.操作</h2>
<p class="maodian"><a name="_lab2_1_0"></a></p><h3>2.1 VS Code插件</h3>
<p>我的VS Code已经安装了C#相关插件。截图如下:</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042561.png" /></p>
<p class="maodian"><a name="_lab2_1_1"></a></p><h3>2.2 准备一个.Net 8.0 Web API项目</h3>
<div class="jb51code"><pre class="brush:ps;">项目路径是：E:\Vs_Project\WebAPIVSCode</pre></div>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042562.png" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042563.png" /></p>
<p class="maodian"><a name="_lab2_1_2"></a></p><h3>2.3 VS Code打开</h3>
<p>VS Code按照项目路径（E:\Vs_Project\WebAPIVSCode）打开，如下图</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042564.png" /></p>
<p class="maodian"><a name="_lab2_1_3"></a></p><h3>2.4 创建json配置</h3>
<p>鼠标点 Run And Debug，按照下图操作来创建配置</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042565.png" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042566.png" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042567.png" /></p>
<p>launch.json 的内容如下:</p>
<div class="jb51code"><pre class="brush:json;">{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "debugTest01",//这是调试配置的名称，在 Visual Studio Code 中将显示此名称。
"type": "coreclr",//指定调试器类型为 .NET Core。
"request": "launch",//指定启动调试会话的方式。
"preLaunchTask": "build",
"program": "${workspaceFolder}/WebAPIVSCode/bin/Debug/net8.0/WebAPIVSCode.dll",//指定要调试的应用程序的路径。请确保路径和文件名与实际的应用程序输出目录和文件名匹配。
"cwd": "${workspaceFolder}",//指定工作目录为项目文件夹
"requireExactSource": false,//注意十分的重要，是否要求精确匹配源代码。如果设置为 true，则要求精确匹配。如果设置为 false，则允许从其他位置加载源代码。
"env": {
"ASPNETCORE_ENVIRONMENT": "Development"//在调试期间设置环境变量 ASPNETCORE_ENVIRONMENT 的值为 "Development"。这对于在开发环境中调试应用程序很有用。
}
}
]
}</pre></div>
<p>并按照下图 新增 tasks.json</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042568.png" /></p>
<p>tasks.json的内容如下:</p>
<div class="jb51code"><pre class="brush:json;">{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"command": "dotnet",
"type": "process",
"args": [
"build",
"${workspaceFolder}"
],
"problemMatcher": "$msCompile"
}
]
}
</pre></div>
<p class="maodian"><a name="_lab2_1_4"></a></p><h3>2.5 项目运行</h3>
<p>键盘按下 F5 项目就运行起来了</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/202506121042579.png" /></p>
<p>因为是Web API项目，我们可以访问 swagger界面（http://localhost:5000/swagger/index.html）看下程序是不是正常运行的</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425710.png" /></p>
<p>如上图可见。程序是正常执行的。</p>
<p class="maodian"><a name="_lab2_1_5"></a></p><h3>2.6 项目断点调试</h3>
<p>按照如下 修改代码，并加入断点。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425711.png" /></p>
<p>键盘按下 F5 项目就运行起来了</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425712.png" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425713.png" /></p>
<p>在swagger界面上按照如下操作去调用刚刚新增的post接口 ，程序进入断点：</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425714.png" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425715.png" /></p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202506/2025061210425716.png" /></p>
<p>从上图可以看到，程序执行到断点处。是我们想要的调试效果。</p>
<p class="maodian"><a name="_label2"></a></p><h2>3.结论</h2>
<p>至此。我们就学会了如何用VS Code调试 运行.Net 8.0 Web API项目了。</p>
頁:
[1]