![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=1739139536-crUEY5mq95txLktsoo5jF05vtHccDSbk-0-dacdec93514ee8b3dde9f7d572e9ea86)
图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=1739139536-J315X1Lw2Utk3q98XXXc3oxHe3zr6DqT-0-8b7d488e5f3f1f1d78b7486f010592ff)
图2.23 “安装—许可协议”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39075.jpg?sign=1739139536-eGZVb0CKU847SrgM6EB4BzKWowOTey2s-0-2541628464f99daecf2122583e5fde94)
图2.24 “安装—选择目标位置”对话框
(3)进入“安装—选择开始菜单文件夹”对话框,直接单击“下一步”按钮,如图2.25所示。
(4)进入“安装—选择附加任务”对话框,在该对话框中根据自己的需要进行选择,但通常需要选择如图2.26所示的3项,然后单击“下一步”按钮。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39079.jpg?sign=1739139536-U4wunKD7jAFFBLVVNFBp3okaNWI4tnAk-0-0ed7ee38b677c3efd4db85ac9625134b)
图2.25 “安装—选择开始菜单文件夹”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P35_39080.jpg?sign=1739139536-59gBORXxxviPiU6GNYzfPenFcyPNE3bY-0-fbf0103b9e198eeb96bf8e5519b95b76)
图2.26 “安装—选择附加任务”对话框
(5)进入“安装—准备安装”对话框,直接单击“安装”按钮,如图2.27所示。
(6)进入“安装—正在安装”对话框,该对话框中显示安装进度,如图2.28所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39089.jpg?sign=1739139536-jAgZyxGSsog31KvDYlYYtuKvsTsz06Vn-0-e6fa09660a8cfceb29fa411d0e474605)
图2.27 “安装—准备安装”对话框
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39090.jpg?sign=1739139536-R3lHq4sIZ0o2nDj8dskQI9XJN7MErno9-0-5823292a61088caee4e56ae4d90ec88d)
图2.28 “安装—正在安装”对话框
(7)等待安装完成后,自动进入“Visual Studio Code安装完成”对话框,单击“完成”按钮即可,如图2.29所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P36_39094.jpg?sign=1739139536-9gYf7UfaEInqW7K3HGll98Vap3M9Sven-0-68e33aa06e8fad8a3c101b3ca06def19)
图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=1739139536-SZnvKMLs4enZGSLkBu5ZPdiaOFdvW9F5-0-46d51c7c52b7d806935e8437f3f1827c)
图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=1739139536-ryAkd16MNppcAe2reZGq9kI8odhG9pfX-0-6f5a5756cd3b48fc93c9a0974a903c5c)
图2.31 选择Configure Display Language
(3)自动出现可以选择的语言包,默认为English,单击"中文(简体)",即可自动开始安装中文汉化包,如图2.32所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P37_39112.jpg?sign=1739139536-0VShbDtZMILz3sUhxj13FQctyYxgZTFv-0-50f2bbd179d179a4964a55e04f2648e3)
图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=1739139536-uXvy8o77AGcLOj7SGe3Pou1GF7KWxyg8-0-3e6875d5e3d5d77bb8ea612355d6280f)
图2.33 重启Visual Studio Code
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P38_39124.jpg?sign=1739139536-ScvoI8gQZp0LliBfboriR0upbpQCq1Ph-0-5a2f96f5144d4e63341ecac9803b7f54)
图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=1739139536-uaQjtz7JkaHFNHgHqphrkrPeRHjj9Dmy-0-de483c53b6700a6eba95e1b014cfa4d5)
图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=1739139536-GuS4a1ysNoPH3Xy4VxjdKlPmmcFkU8lg-0-c630337869a29d6f586e028ec1e3dde2)
图2.36 Visual Studio Code提供的部分主题
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P39_39141.jpg?sign=1739139536-8v1z7thJqOgUYAdZSq7Myofi4CkjgIxz-0-1eee54a84440434fdd61353d7a49534b)
图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=1739139536-JnRLbPmm8Z2mCpTRHyJSoaUmnG6mobAZ-0-5ffb387b71cb6f0651c1606ca568204d)
图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=1739139536-2IuYg3kkau4vqdWq63Z3BUzOb8BzUiCp-0-38981596ec4832e750a234bd70a130cf)
图2.39 安装.NET
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P40_39163.jpg?sign=1739139536-XwVtsQ9BbYBVkPGfOWLqVGtvOQ2EfSjJ-0-e33db48229753474138c82032460affb)
图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=1739139536-q31tuCBVExx5VSGLbpQVhITEywxku9gr-0-e127ee7bcfb9dd51b10377e279c68b19)
图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=1739139536-J5wGhaNA559VO5VJgNkgpTYkes4swW4F-0-b81a80d7a022e793791494cc9986ff29)
图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=1739139536-OY1uiEjK7h9dL08iinFeB1rORQHAjl5t-0-5ca3f17e0815125a6122d7fc6ae2bd8a)
图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=1739139536-CdVew9jCK7kL3kdlBrh2ZMaqDJLtvEFg-0-4c2ef1c0b7878ed6dfe15d433774f7fe)
图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=1739139536-VDK6sifvxIESdvtTGc7gswAOOTdyiRlz-0-19c5b76b86e1db29be009619bbca4884)
图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=1739139536-uMrQMw32tnDL7ua6bQP7HtUPlC9KeLYx-0-b5043bceaba54456c65c540e8b7bc9f9)
图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=1739139536-F36ibKTpzKHaChEATUHjDEIOlbclfJbO-0-e470eb9eda0e2170b3724f66075cf6a2)
图2.47 .NET Core项目结构
(5)双击.csproj或者.cs文件,可以查看相应的文件内容,而要运行程序可以用两种方式,第一种方式,直接按F5键,如图2.48所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P44_39277.jpg?sign=1739139536-tdM0dc4rEXsBp6l7RcuQGcAClbwQFvs2-0-41f2fb50e641863b4a5d04a287d2dffa)
图2.48 按F5键运行程序
第二种方式,可以在Visual Studio Code的终端窗口中输入dotnet run命令运行程序,如图2.49所示。
![](https://epubservercos.yuewen.com/935CF8/31397116103568406/epubprivate/OEBPS/Images/Figure-P44_39287.jpg?sign=1739139536-5VS5GdVN001UaSTHw6SoLBIm1G4ok0UV-0-b89309fd1438a70d4215df1e842e5153)
图2.49 使用dotnet run命令运行程序