![ASP.NET Core从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/759/52841759/b_52841759.jpg)
2.2 Visual Studio Code
Visual Studio Code是一种跨平台的开发工具,可以在Windows、Linux和macOS等多种系统上使用,Visual Studio Code名称中虽然带有“Visual Studio”,但它与Visual Studio并没有直接关系,本节将讲解如何使用Visual Studio Code搭建.NET Core开发环境。
说明
Visual Studio Code是一个跨平台的开发工具,它在Windows、Linux和macOS中的操作都类似,只是下载的安装文件不同,下面以Windows系统为例进行讲解,但对于使用Linux或者macOS系统的用户同样适用。
2.2.1 下载Visual Studio Code
在浏览器中输入地址https://code.visualstudio.com/,打开如图2.22所示的Visual Studio Code下载页面,在首页可以看到“Download for ***”的按钮,单击其右侧的向下箭头,可以看到Visual Studio Code分别提供了针对macOS、Windows x64和Linux x64这3种操作系统的安装文件,并且分为Stable版和Insiders版,其中Stable版为稳定版,Insiders版为最新版,建议使用Stable稳定版,根据自己的操作系统单击相应的下载按钮下载即可。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P34_39064.jpg?sign=1738864781-grhRCV0eY3kMC31l4cEdAUTNERSRRI1A-0-c89f4ebf8bc16f91436437e8a64fc533)
图2.22 下载Visual Studio Code
2.2.2 安装Visual Studio Code
下载Visual Studio Code的安装文件后,双击安装文件即可开始安装,步骤如下。
(1)在弹出的“安装—许可协议”对话框中选中“我同意此协议”单选按钮,并单击“下一步”按钮,如图2.23所示。
(2)进入“安装—选择目标位置”对话框,单击“浏览”按钮设置安装位置,然后单击“下一步”按钮,如图2.24所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39074.jpg?sign=1738864781-Gi72RSkzBmktgGVUBO0DCl6srjwN8Org-0-b8a34231276df4912e84c8047dd2200f)
图2.23 “安装—许可协议”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39075.jpg?sign=1738864781-wWLMZCWOI8IPXIMdvclWVynzt7ozS2L5-0-093e5071683545f4a9b7b2e04ed72a1c)
图2.24 “安装—选择目标位置”对话框
(3)进入“安装—选择开始菜单文件夹”对话框,直接单击“下一步”按钮,如图2.25所示。
(4)进入“安装—选择附加任务”对话框,在该对话框中根据自己的需要进行选择,但通常需要选择如图2.26所示的3项,然后单击“下一步”按钮。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39079.jpg?sign=1738864781-Rfe8dh4NhmCfuKsh72fQtiJTLhkRXyET-0-908d57485c574332a8c3673f797aac77)
图2.25 “安装—选择开始菜单文件夹”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39080.jpg?sign=1738864781-KA7cGP2C7OclnwoGgCiAcPTGQGGQ9eXH-0-0994da7e2c2af270da8518ff39f1ad56)
图2.26 “安装—选择附加任务”对话框
(5)进入“安装—准备安装”对话框,直接单击“安装”按钮,如图2.27所示。
(6)进入“安装—正在安装”对话框,该对话框中显示安装进度,如图2.28所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39089.jpg?sign=1738864781-0SrvPbSOic65npjT7vCyNXQqVPPgvsUg-0-d0d8ef3ffe77e870883f4b39c26bc1a1)
图2.27 “安装—准备安装”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39090.jpg?sign=1738864781-dg8064tJFzKhjSoBGlWLgbHomlQE1ky8-0-b43ebaed9a68aa5d128c3bef58bdffa7)
图2.28 “安装—正在安装”对话框
(7)等待安装完成后,自动进入“Visual Studio Code安装完成”对话框,单击“完成”按钮即可,如图2.29所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39094.jpg?sign=1738864781-O0WcUQGQegAVjBboAofzyVKSpt2EM6HA-0-0eaf7272436551c31113e5ee7e25a170)
图2.29 “Visual Studio Code安装完成”对话框
2.2.3 Visual Studio Code的汉化
Visual Studio Code安装完成后,可以在系统的开始菜单中找到“Visual Studio Code”项,单击即可打开,但默认是英文版,为了更好的开发体验,本节介绍如何将其汉化为中文版本,步骤如下。
(1)在打开的Visual Studio Code的菜单中,选择View→Command Palette菜单,如图2.30所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P37_39104.jpg?sign=1738864781-NSgAS3V17T5uWyyefRaJYYPLTtDrvxL5-0-63bc01524b1bd4404a916afaf80db555)
图2.30 选择View→Command Palette菜单
(2)在Visual Studio Code的右侧主窗口上方的搜索框中会出现如图2.31所示的命令选择框,这里选择Configure Display Language。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P37_39108.jpg?sign=1738864781-MMdggXJQpZkHBaSkAblUDBws1JiV8Pp8-0-e5fbc44a8962ac0ffc9c33c588c0c3b4)
图2.31 选择Configure Display Language
(3)自动出现可以选择的语言包,默认为English,单击"中文(简体)",即可自动开始安装中文汉化包,如图2.32所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P37_39112.jpg?sign=1738864781-6TJEGUPsnoOitf899GbLnfwkHEo4Zd86-0-68238d187dbbb0d956f055582f92fd7d)
图2.32 单击"中文(简体)"
(4)安装完成后会弹出一个提示对话框,单击Restart按钮,如图2.33所示,重启之后的Visual Studio Code则显示汉化后的中文界面,如图2.34所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P37_39116.jpg?sign=1738864781-O48oSqHwRRG5OzpYg95nUdV0uZsiZA7i-0-8d43681da09232ca3abb690c21beb28e)
图2.33 重启Visual Studio Code
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P38_39124.jpg?sign=1738864781-xMHL1xvh7IaZ80ET6wCcopZRQiW5DYv4-0-3f1baea0443ea1ac3d78ed557924376b)
图2.34 汉化后的Visual Studio Code中文界面
2.2.4 设置Visual Studio Code主题
Visual Studio Code提供了多种主题供用户选择,默认为深色,我们可以通过单击Visual Studio Code主窗口左下角的设置图标,在弹出的菜单中选择“颜色主题”菜单项进行修改,如图2.35所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P38_39129.jpg?sign=1738864781-ZRUH1EBybFaAxwy394dFgGnWzgEW9iJP-0-9df2e2f80128e08a6399c657660026fe)
图2.35 选择“颜色主题”菜单项
图2.36中列出了Visual Studio Code提供的部分主题,用户可以根据个人喜好任意设置,比如将Visual Studio Code的主题设置为“浅色(Visual Studio)”,设置后的Visual Studio Code效果如图2.37所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P39_39138.jpg?sign=1738864781-5KwYUvwwK0TWr939bF4pwib8GONJhs8m-0-b9217ad5e56016834e08197e533ff2c0)
图2.36 Visual Studio Code提供的部分主题
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P39_39141.jpg?sign=1738864781-JTb5EolYx8MBYxSRbRXYL9DviamOI0v4-0-a06f051ee051b807e7682d73c690cc8c)
图2.37 设置浅色主题后的Visual Studio Code效果
2.2.5 Visual Studio Code的配置
要使用Visual Studio Code进行.NET应用开发,首先需要在计算机上安装.NET运行时(如果本机已经安装了Visual Studio 2022,则不用再单独安装,因为Visual Studio 2022中集成了.NET运行时),步骤为:在浏览器中输入https://dotnet.microsoft.com/zh-cn/download,进入.NET官网下载页面,其中提供了最新标准期限支持版.NET 7.0和最新长期支持版.NET 6.0的下载链接,如图2.38所示,根据自己的需要进行下载,它们的使用方式一样,安装任意一个都可以,这里我们下载.NET 7.0版。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P40_39158.jpg?sign=1738864781-wIsgPqwI9garqnQ4lGaWOtwRc9rIFNF5-0-eed3a0b52fa4455f4ffd31a2d5a464cd)
图2.38 .NET官网下载页面提供了两个版本下载链接
说明
.NET的版本随着时间的推移会不断更新,如果.NET网站中的版本发生了更改,读者可以到https://dotnet.microsoft.com/zh-cn/download/dotnet页面下载适用于本书的.NET 7.0版本。
下载完成后,双击下载的安装文件,如图2.39所示,单击“安装”按钮,等待安装完成后,会显示已安装的组件,如图2.40所示,单击“关闭”按钮即可。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P40_39162.jpg?sign=1738864781-MXZmeYi1Xu96c08evhCBdDc7b7AqOZsw-0-4651afc929e8d7e5140d5b36c9ca0c1d)
图2.39 安装.NET
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P40_39163.jpg?sign=1738864781-yEACIrYDTUpqi8ZdR7fUikEMRfFBEgkm-0-b8c0e4b2f2bff24cf5e74023d6d38220)
图2.40 .NET安装完成
Visual Studio Code其实就是一个功能完善的记事本工具,它的强大在于可以安装各种各样的插件,以便进行相应语言程序的开发,要在Visual Studio Code中安装插件,可以单击主窗口左侧导航中的“扩展”图标,然后在出现的“扩展”文本框中输入要安装的插件名,搜索出结果后,安装即可,如图2.41所示。
安装.NET运行时之后,还需要在Visual Studio Code中安装以下3个插件:
C#:安装C#插件后,可以在Visual Studio Code中编写C#代码,基本的智能感知、关键字高亮等功能都可以使用。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P41_39178.jpg?sign=1738864781-1qcmc346sFeLzYETPuY76TPBmwperQOF-0-1c394ff14c2931d10a831fa7accef63c)
图2.41 为Visual Studio Code安装插件
vscode-solution-explorer:为Visual Studio Code提供一个类似Visual Studio的操作菜单,其中可以进行创建项目、添加/删除文件、编译、打包等基本操作。
NuGet Package Manager:用于添加NuGet包。
图2.42演示了C#插件的安装步骤。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P41_39188.jpg?sign=1738864781-vOnveaFggiigGpbUJME9MC2l0T9bBt69-0-5eb9708b9de17bffb1c57afa8d308e9b)
图2.42 Visual Studio Code安装插件的步骤
按照图2.42所示方式完成上面3个插件的安装后,可以在Visual Studio Code的扩展中查看,效果如图2.43所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P41_39197.jpg?sign=1738864781-7F5PNM6gQF6xLtCJ6Et0JiL3e1mngn7F-0-c1f8cb5563d941806bcb57ffc6e32d97)
图2.43 查看已安装的插件
2.2.6 Visual Studio Code的使用
完成上面的配置后,就可以使用Visual Studio Code了,在Visual Studio Code中无法通过可视化菜单直接创建项目,而需要使用dotnet命令创建项目,创建一个.NET Core控制台项目的dotnet命令如下:
dotnet new consloe -n 项目名
说明
dotnet是一款管理.NET源代码和二进制文件的工具,它提供了执行特定任务的命令,可以使用它创建或者运行程序,关于dotnet的详细使用方法将在第3章讲解。
使用Visual Studio Code创建并运行.NET Core项目的步骤如下。
(1)打开Visual Studio Code的终端,在其中使用dotnet命令创建一个名称为“HelloWorld”的.NET Core项目,如图2.44所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P42_39222.jpg?sign=1738864781-A6GgTr5jVi9tWmitAbj5pBVm6ZMPVzi6-0-b2944bfd9fbe48cdc09b7cde6e64a321)
图2.44 使用Visual Studio Code创建.NET Core项目
(2)单击Visual Studio Code主窗口中的“打开文件夹”按钮,选择上面创建的.NET Core项目,如图2.45所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P43_39244.jpg?sign=1738864781-jitvr4gQnAaAqB09ku7GOGG9ho3ygjkr-0-13c3bc0f8f2bd4f0869830d08fc1506a)
图2.45 在Visual Studio Code中打开.NET Core项目
(3)如果已经安装了2.2.5节中的C#插件,则提示如图2.46所示的内容,单击Yes按钮。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P43_39253.jpg?sign=1738864781-IDXaTm02Zh6kqX6QgqC8fytGD4CIoFZ3-0-9a9f38aa8b1fd3da06e98480070ea595)
图2.46 添加编译调试的提示
(4)在Visual Studio Code中打开.NET Core项目的效果如图2.47所示,其中主要有bin和obj两个文件夹,以及一个.csproj文件、一个.cs文件,它们的意义如下:
bin文件夹:保存项目生成后的程序集。
obj文件夹:保存每个模块的编译结果。
.csproj文件:项目的配置文件,包括当前项目的.NET Core版本,还有引用的NuGet包信息。
.cs文件:项目的启动入口文件。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P43_39262.jpg?sign=1738864781-6flaTQrmxuMYTiDHq05mtpygiYs26yds-0-f8c6e692bbdb09d27b1998a119f4c67a)
图2.47 .NET Core项目结构
(5)双击.csproj或者.cs文件,可以查看相应的文件内容,而要运行程序可以用两种方式,第一种方式,直接按F5键,如图2.48所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P44_39277.jpg?sign=1738864781-NpGe0XVywjuJoylWlnZrE1NoX4ofY6Zs-0-d502d497298c079771695bcca39f10b4)
图2.48 按F5键运行程序
第二种方式,可以在Visual Studio Code的终端窗口中输入dotnet run命令运行程序,如图2.49所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P44_39287.jpg?sign=1738864781-W5KOBU7EQIS6lQxjn1Bvr7M8A5uib7vX-0-6247f69a7140e6f4d956c946cbed0e0e)
图2.49 使用dotnet run命令运行程序