
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稳定版,根据自己的操作系统单击相应的下载按钮下载即可。

图2.22 下载Visual Studio Code
2.2.2 安装Visual Studio Code
下载Visual Studio Code的安装文件后,双击安装文件即可开始安装,步骤如下。
(1)在弹出的“安装—许可协议”对话框中选中“我同意此协议”单选按钮,并单击“下一步”按钮,如图2.23所示。
(2)进入“安装—选择目标位置”对话框,单击“浏览”按钮设置安装位置,然后单击“下一步”按钮,如图2.24所示。

图2.23 “安装—许可协议”对话框

图2.24 “安装—选择目标位置”对话框
(3)进入“安装—选择开始菜单文件夹”对话框,直接单击“下一步”按钮,如图2.25所示。
(4)进入“安装—选择附加任务”对话框,在该对话框中根据自己的需要进行选择,但通常需要选择如图2.26所示的3项,然后单击“下一步”按钮。

图2.25 “安装—选择开始菜单文件夹”对话框

图2.26 “安装—选择附加任务”对话框
(5)进入“安装—准备安装”对话框,直接单击“安装”按钮,如图2.27所示。
(6)进入“安装—正在安装”对话框,该对话框中显示安装进度,如图2.28所示。

图2.27 “安装—准备安装”对话框

图2.28 “安装—正在安装”对话框
(7)等待安装完成后,自动进入“Visual Studio Code安装完成”对话框,单击“完成”按钮即可,如图2.29所示。

图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所示。

图2.30 选择View→Command Palette菜单
(2)在Visual Studio Code的右侧主窗口上方的搜索框中会出现如图2.31所示的命令选择框,这里选择Configure Display Language。

图2.31 选择Configure Display Language
(3)自动出现可以选择的语言包,默认为English,单击"中文(简体)",即可自动开始安装中文汉化包,如图2.32所示。

图2.32 单击"中文(简体)"
(4)安装完成后会弹出一个提示对话框,单击Restart按钮,如图2.33所示,重启之后的Visual Studio Code则显示汉化后的中文界面,如图2.34所示。

图2.33 重启Visual Studio Code

图2.34 汉化后的Visual Studio Code中文界面
2.2.4 设置Visual Studio Code主题
Visual Studio Code提供了多种主题供用户选择,默认为深色,我们可以通过单击Visual Studio Code主窗口左下角的设置图标,在弹出的菜单中选择“颜色主题”菜单项进行修改,如图2.35所示。

图2.35 选择“颜色主题”菜单项
图2.36中列出了Visual Studio Code提供的部分主题,用户可以根据个人喜好任意设置,比如将Visual Studio Code的主题设置为“浅色(Visual Studio)”,设置后的Visual Studio Code效果如图2.37所示。

图2.36 Visual Studio Code提供的部分主题

图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版。

图2.38 .NET官网下载页面提供了两个版本下载链接
说明
.NET的版本随着时间的推移会不断更新,如果.NET网站中的版本发生了更改,读者可以到https://dotnet.microsoft.com/zh-cn/download/dotnet页面下载适用于本书的.NET 7.0版本。
下载完成后,双击下载的安装文件,如图2.39所示,单击“安装”按钮,等待安装完成后,会显示已安装的组件,如图2.40所示,单击“关闭”按钮即可。

图2.39 安装.NET

图2.40 .NET安装完成
Visual Studio Code其实就是一个功能完善的记事本工具,它的强大在于可以安装各种各样的插件,以便进行相应语言程序的开发,要在Visual Studio Code中安装插件,可以单击主窗口左侧导航中的“扩展”图标,然后在出现的“扩展”文本框中输入要安装的插件名,搜索出结果后,安装即可,如图2.41所示。
安装.NET运行时之后,还需要在Visual Studio Code中安装以下3个插件:
C#:安装C#插件后,可以在Visual Studio Code中编写C#代码,基本的智能感知、关键字高亮等功能都可以使用。

图2.41 为Visual Studio Code安装插件
vscode-solution-explorer:为Visual Studio Code提供一个类似Visual Studio的操作菜单,其中可以进行创建项目、添加/删除文件、编译、打包等基本操作。
NuGet Package Manager:用于添加NuGet包。
图2.42演示了C#插件的安装步骤。

图2.42 Visual Studio Code安装插件的步骤
按照图2.42所示方式完成上面3个插件的安装后,可以在Visual Studio Code的扩展中查看,效果如图2.43所示。

图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所示。

图2.44 使用Visual Studio Code创建.NET Core项目
(2)单击Visual Studio Code主窗口中的“打开文件夹”按钮,选择上面创建的.NET Core项目,如图2.45所示。

图2.45 在Visual Studio Code中打开.NET Core项目
(3)如果已经安装了2.2.5节中的C#插件,则提示如图2.46所示的内容,单击Yes按钮。

图2.46 添加编译调试的提示
(4)在Visual Studio Code中打开.NET Core项目的效果如图2.47所示,其中主要有bin和obj两个文件夹,以及一个.csproj文件、一个.cs文件,它们的意义如下:
bin文件夹:保存项目生成后的程序集。
obj文件夹:保存每个模块的编译结果。
.csproj文件:项目的配置文件,包括当前项目的.NET Core版本,还有引用的NuGet包信息。
.cs文件:项目的启动入口文件。

图2.47 .NET Core项目结构
(5)双击.csproj或者.cs文件,可以查看相应的文件内容,而要运行程序可以用两种方式,第一种方式,直接按F5键,如图2.48所示。

图2.48 按F5键运行程序
第二种方式,可以在Visual Studio Code的终端窗口中输入dotnet run命令运行程序,如图2.49所示。

图2.49 使用dotnet run命令运行程序