- ASP.NET Core从入门到精通
- 明日科技编著
- 2556字
- 2024-12-31 18:39:15
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=1739018079-HUEq8wQre380b1NbG2MKF5oc3muClaZQ-0-12a44634de88bb27f65681af353a71e5)
图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=1739018079-6fuHMBugV8Laa4gK5TGXoq5M17hEKx8z-0-caa2e1fbc6a26a0d4ac9e3b780fe77fa)
图2.23 “安装—许可协议”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39075.jpg?sign=1739018079-CGY0c5zF0M7wdXcaFbiDTzTJRWm1QI18-0-c1890d2029bec53ad7e4b03208dda1a6)
图2.24 “安装—选择目标位置”对话框
(3)进入“安装—选择开始菜单文件夹”对话框,直接单击“下一步”按钮,如图2.25所示。
(4)进入“安装—选择附加任务”对话框,在该对话框中根据自己的需要进行选择,但通常需要选择如图2.26所示的3项,然后单击“下一步”按钮。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39079.jpg?sign=1739018079-F00a3XbIJbAARnzWEwDYT3suTOTtENdi-0-ccf2d4e9f93f44414c575695e8fd8d4a)
图2.25 “安装—选择开始菜单文件夹”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39080.jpg?sign=1739018079-mAmLxqCJX25UdKdUdOQ7ZCUjoB1cq69d-0-b334736840aec9a3796ead0ea48e39f4)
图2.26 “安装—选择附加任务”对话框
(5)进入“安装—准备安装”对话框,直接单击“安装”按钮,如图2.27所示。
(6)进入“安装—正在安装”对话框,该对话框中显示安装进度,如图2.28所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39089.jpg?sign=1739018079-hycNCCCoM061sNmYMqxHlk4V8Zs3BWWG-0-08c303e881d39f859c26562893741d95)
图2.27 “安装—准备安装”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39090.jpg?sign=1739018079-xnTthylP6pO14XyxzUwoNs9h3uEbimHD-0-3891bf13c6006a1521864c44faf995f5)
图2.28 “安装—正在安装”对话框
(7)等待安装完成后,自动进入“Visual Studio Code安装完成”对话框,单击“完成”按钮即可,如图2.29所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39094.jpg?sign=1739018079-UQSRJLS2ajpkzpileeP9yTkqn9dUPGk5-0-43f29e7673c7e3fddfc12ad71c07e8c4)
图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=1739018079-Tnvr9vcS4VQYlP3TSJBELypWf02Nsbmn-0-b23798527f7e3647beddc02511c0578f)
图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=1739018079-Cwa6arYTpU3LK8F8Jcx21Wg4v7EtPwkp-0-a4f56784d51e2a88e4d72a519a125a60)
图2.31 选择Configure Display Language
(3)自动出现可以选择的语言包,默认为English,单击"中文(简体)",即可自动开始安装中文汉化包,如图2.32所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P37_39112.jpg?sign=1739018079-SG7bxqMltIjzMKc6HRKSxLxUHIffgIOR-0-166ce8fa953b4ca3f4b2fe20f8f3536a)
图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=1739018079-ig2c8K2ERnzvbYLLbUknzgpWT4pE4ngF-0-ee4ac19230fc98b36029c69fa1f5191d)
图2.33 重启Visual Studio Code
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P38_39124.jpg?sign=1739018079-imQQ7CvKKeMpODewXDdlOwmi0Krh8qvA-0-72b5c7f9abd3724b5d1f285fbf0d8b89)
图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=1739018079-zpGtxt24SulmdZGRYwbJsrSLzozDCF4z-0-c10e82176aacd59e6f99d3579a8c7c7e)
图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=1739018079-Ynfy9rVT998KsXc0DuTEkgAbrjn3D5vg-0-49833ebb63630f68fca851b7d9443507)
图2.36 Visual Studio Code提供的部分主题
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P39_39141.jpg?sign=1739018079-KS9D5nppK9p4qYN5pUAwe87kmfeuLMGI-0-58e46374f4d56b73f2cdb09cd7aa26f8)
图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=1739018079-FY6LSnjT8mCfLR443H89wNWsJhGNbiuP-0-957ca42b51901c51e0de0ae4f6bcaa39)
图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=1739018079-XcMdxEECACgeePXsdyFBnGuLztXVIyus-0-601c5b1928d2e602a23763f759225f8e)
图2.39 安装.NET
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P40_39163.jpg?sign=1739018079-JrsKp3XPifse0PEXD6SwYJktU9SQPloq-0-b9ff57ffde60042d36b9e0bd7f684a32)
图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=1739018079-PZ1AFz4hoyx9ksFctvpbiQzFggpx10Mz-0-2ded3f5390110763256b72571ec24a9d)
图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=1739018079-HhlJlI1jTwqanSqvo1z9Dbo0AF434tev-0-fc1be31c7280784b25add023415f7507)
图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=1739018079-SXeI6rXDhITsXPae1wvFRERaYdoJBYDi-0-1d92c3c6b4ceb1c89d790c4ff349be37)
图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=1739018079-AP0jNGSiXgGwzEdE2bBSYvFgrVemZGN3-0-809c4705312bdb5d944cb6a5b3206132)
图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=1739018079-XiX9iSlHwLvHuCp2vdSVLsnYpxaGMuef-0-a2ea55137f7168acf3720f315b5fc52d)
图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=1739018079-za9SsxBTzGr12T3PSgY6g0Ryw7JXLV1U-0-be72c90c769ce584466ce4e16e819c98)
图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=1739018079-CkfjSXLWIze8a6s3SvMB2kyFQDFcjkgv-0-59e0338c10ba75789abea4ff2d005d8a)
图2.47 .NET Core项目结构
(5)双击.csproj或者.cs文件,可以查看相应的文件内容,而要运行程序可以用两种方式,第一种方式,直接按F5键,如图2.48所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P44_39277.jpg?sign=1739018079-gjQbDSZd3bHTaCkciyQWnPpq4eEAFlh1-0-6503584dd0dcc6547a09248f0e336528)
图2.48 按F5键运行程序
第二种方式,可以在Visual Studio Code的终端窗口中输入dotnet run命令运行程序,如图2.49所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P44_39287.jpg?sign=1739018079-WprRatVxfdqf5CNhOFJrKW3M47DGgL63-0-b06807d15214b067691b3c50c2633138)
图2.49 使用dotnet run命令运行程序