ASP.NET Core 新建项目 - macOS 环境 - ASP.NET Core 基础教程 - 简单教程，简单编程

桃扇骨 2021-11-17 03:12 204阅读 0赞

原文:[ASP.NET Core 新建项目 - macOS 环境 - ASP.NET Core 基础教程 - 简单教程，简单编程][ASP.NET Core _ - macOS _ - ASP.NET Core _ -]

# ASP.NET Core 新建项目 - macOS 环境 #

对于任何语言和框架，都是从 Hello World 开始的，这个非常简单，但却有十分重大的意义，ASP.NET Core 基础教程也会以 Hello World 开始

为什么呢？

因为能够运行 Hello World 成功，那意味着之前我们配置的环境就是成功的，否则就要就是配置失败

## 创建一个 Hello World Web 项目 ##

1.  双击 Visual Studio 图标打开 Visual Studio ，然后选择菜单栏中的 **文件 -> 新建解决方案** 打开为新建项目选择模板对话框
    
    ![aspnetcore_hello_1.png][]
    
    如果是 Windows 系统，则是 **文件 -> 新建 -> 项目**
2.  在新建项目选择模板对话框中，可以看到左边列出了各种解决方案的模板，我们选择 **.NET Core** 下面的 **应用**
    
    ![aspnetcore_hello_2.png][]
3.  选中了应用之后，右边就会出现 .NET Core 应用的各种解决方案列表和语言选择列表
    
    ![aspnetcore_hello_3.png][]
    
    当选中某一项的时候最右边会出现相应的说明
    
    ![aspnetcore_hello_4.png][]
    
    宇宙第一 IDE 果然不是盖的..
    
    因为 .NET Core 下的 4 个版本的简介是英文的，所以我们简单的翻译下右边的说明( 使用场景 )
    
    <table> 
     <thead> 
      <tr> 
       <th align="left">模板</th> 
       <th align="left">说明</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td align="left">ASP.NET Core 空</td> 
       <td align="left">用于创建 ASP.NET Core 应用程序的空的项目模板，该模板下不会包含任何内容</td> 
      </tr> 
      <tr> 
       <td align="left">ASP.NET Core Web App ( MVC )</td> 
       <td align="left">用于创建 ASP.NET Core 应用程序的 MVC 项目模板<br>包含了 MVC 中的视图和控制器的简单范例</td> 
      </tr> 
      <tr> 
       <td align="left">ASP.NET Core Web API</td> 
       <td align="left">用于创建 ASP.NET Core HTTP Web Services 服务的项目模板，<br>使用 MVC 模式，包含了一个简单的控制器范例，该模板同样可用于创建 MVC 项目<br>有时候只需要创建一个 API，不需要关心 Razor，本地化或 XML 序列化。<br>通过删除无用的 NuGet 软件包和代码，可以提高 API 的加载时间并减少部署包大小</td> 
      </tr> 
      <tr> 
       <td align="left">ASP.NET Core Web 应用</td> 
       <td align="left">使用 Razor Pages 创建 ASP.NET Core Web 应用程序的项目模板<br>包含了 Razor Pages 的一些简单的范例</td> 
      </tr> 
     </tbody> 
    </table>
    
    默认情况下，我们都会选择 **ASP.NET Core 空**，因为这样我们可以更好的了解 ASP.NET Core 项目的结构
4.  选择 **ASP.NET Core 空**，然后从右边的语言中选择 **C\#**，点击下一步，进入项目配置对话框
    
    ![aspnetcore_newproject_4.png][]
    
    因为教学目的，所以目标框架，我们选择了 **.NET Core 2.1**
5.  单击下一步进入 **项目名称** 和 **保存界面** 选择对话框
    
    ![aspnetcore_newproject_5.png_1][]
    
    在项目名称中输入 **HelloWorld**，Visual Studio 会自动输入解决方案名称
    
    而且右边可以实时预览项目的目录结构
    
    ![aspnetcore_newproject_6.png_1][]
    
    版本控制和在解决方案里创建项目目录可以根据情况自由选择，但一般都会选中
6.  点击右下角的创建，就会生成一个 **HelloWorld** 的项目
    
    ![aspnetcore_newproject_7.png_1][]

## 运行项目 ##

此时此刻我们并不想介绍项目的结构，而是看看项目是否能够顺利运行

1.  单击左边的 **Startup.cs**,然后将
    
        await context.Response.WriteAsync("Hello World!");
    
    修改成
    
        await context.Response.WriteAsync("Hello World!\nHello 简单教程 ( www.twle.cn ) ");
2.  单击左上角的三角符号或者菜单栏中的 **启动->启动而不调试** 来启动项目
    
    ![aspnetcore_newproject_8.png_1][]
    
    或
    
    ![aspnetcore_newproject_9.png_1][]
3.  这时会弹出是否信任开发者 https 证书，选择是即可
    
    ![aspnetcore_newproject_10.png_1][]
4.  然后就会使用默认浏览器弹出网址 [https://localhost:5001][https_localhost_5001]
    
    显示结果如下
    
    ![aspnetcore_newproject_11.png_1][]

至此，说明我们 ASP.NET Core 环境配置成功

转载于:https://www.cnblogs.com/jiejiehencool/p/11096604.html

[ASP.NET Core _ - macOS _ - ASP.NET Core _ -]: https://www.twle.cn/l/yufei/aspnetcore/dotnet-aspnet-newproject.html
[aspnetcore_hello_1.png]: /images/20211116/3db5ff18514241c4946b081905757a86.png
[aspnetcore_hello_2.png]: /images/20211116/2710df847a2c4aeaa1d9bd440a1ca699.png
[aspnetcore_hello_3.png]: /images/20211116/edba23cf909247d5a2eebb82d7431727.png
[aspnetcore_hello_4.png]: /images/20211116/934fe7b3fd92476e9130c8430341042f.png
[aspnetcore_newproject_4.png]: /images/20211116/488db9c815a243ed9760d07c96bc7ebf.png
[aspnetcore_newproject_5.png_1]: /images/20211116/172993c6cc1e4dbca6b9567a282ccb39.png
[aspnetcore_newproject_6.png_1]: /images/20211116/c5ee8d0e91a7428babb5b64ce4d614f9.png
[aspnetcore_newproject_7.png_1]: /images/20211116/0f13e028f97f4e7f93a58dad85155fb6.png
[aspnetcore_newproject_8.png_1]: /images/20211116/bcdc51a2ed60488f85c0b7d911d8ee53.png
[aspnetcore_newproject_9.png_1]: /images/20211116/f8e3dbee45e74668b2aafeb375a8c4eb.png
[aspnetcore_newproject_10.png_1]: /images/20211116/03a4df1a391b4b3d8115073bd3f75f71.png
[https_localhost_5001]: https://localhost:5001/
[aspnetcore_newproject_11.png_1]: /images/20211116/e9c1b4cb72e640c89f36d90d03aad6c0.png