Getting started with ASP.NET Core MVC and Visual Studio
VS开发asp.net core mvc 入门
2017-3-7 2 分钟阅读时长
本文内容
1.Install Visual Studio and .NET Core
安装 VS 与 .NET Core
创建一个 web 应用
This tutorial will teach you the basics of building an ASP.NET Core MVC web app using Visual Studio 2017.
本教程将会教你如何使用VS2017创建一个基本的asp.net core mvc 应用程序
There are 3 versions of this tutorial:
除此之外，还有其它三个版本的教程（自己翻译~）：
- macOS: Create an ASP.NET Core MVC app with Visual Studio for Mac
- Windows: Create an ASP.NET Core MVC app with Visual Studio
- macOS, Linux, and Windows: Create an ASP.NET Core MVC app with Visual Studio Code
For the Visual Studio 2015 version of this tutorial, see the VS 2015 version of ASP.NET Core documentation in PDF format.
Install Visual Studio and .NET Core
安装 vs 与 .net core
Install Visual Studio Community 2017. Select the Community download. Skip this step if you have Visual Studio 2017 installed.
安装vs 2017 社区版。选择社区版下载。如果你已安装过可以跳过这个步骤。
Run the installer and select the following workloads:
运行这个安装包，选择下面的工作项：
- ASP.NET and web development (under Web & Cloud)
需要勾选的环境一
- .NET Core cross-platform development (under Other Toolsets)
需要勾选的环境二
Create a web app
创建一个 web 应用
From Visual Studio, select File > New > Project.
在vs中选择 File > New > Project 菜单，新建。
Complete the New Project dialog:
完成 新建项目 对话框：
- In the left pane, tap .NET Core
在左边的窗格，点击 .net core
- In the center pane, tap ASP.NET Core Web Application (.NET Core)
在中间的窗格，点击 ASP.NET Core Web Application (.NET Core)
- Name the project “MvcMovie” (It’s important to name the project “MvcMovie” so when you copy code, the namespace will
命名项目名称为 MvcMovie
match.)
- Tap OK
点击 OK
Complete the New ASP.NET Core Web Application (.NET Core) – MvcMovie dialog:
完成 New ASP.NET Core Web Application (.NET Core) – MvcMovie 对话框：
- In the version selector drop-down box tap ASP.NET Core 1.1
在版本选择下拉框中选择 ASP.NET Core 1.1 选项
- Tap Web Application
点击 Web Application
- Keep the default No Authentication
保持默认的 No Authentication 选择
- Tap OK.
点击 OK
Visual Studio used a default template for the MVC project you just created. You have a working app right now by entering a project
VS使用一个默认的项目模板。在你键入项目名称与选择少量选项之后就有了一个可以正常工作的 web 应用。
name and selecting a few options. This is a simple starter project, and it’s a good place to start,
这是一个简单的入门项目，同时是一个很好的起点，
Tap F5 to run the app in debug mode or Ctrl-F5 in non-debug mode.
点击 F5 在调试模式下启动这个程序，或者 ctrl+F5 非调试模式下运行该程序。
- Visual Studio starts IIS Express and runs your app. Notice that the address bar shows localhost:port# and not something
VS启动 iis express 用于运行你的 app 程序。注意浏览器的地址栏显示的是ip+port，而不是常见的域名。
like example.com. That’s because localhost is the standard hostname for your local computer. When Visual Studio creates
这是因为 localhost 是你本机的标准主机名。当VS创建一个新的web项目，
a web project, a random port is used for the web server. In the image above, the port number is 5000. When you run the app,
一个随机的端口会被 web server 选择使用。在上图中，端口是5000. 在你自己运行这个app的时候，
you’ll see a different port number.
你可能会看到一个不同的端口。
- Launching the app with Ctrl+F5 (non-debug mode) allows you to make code changes, save the file, refresh the browser, and
在非调试模式下启动应用，允许你做一些代码变更，保存文件，刷新浏览器，并且
see the code changes. Many developers prefer to use non-debug mode to quickly launch the app and view changes.
查看变更。许多开发者更喜欢使用非调试模式快速启动应用并查看变更。
- You can launch the app in debug or non-debug mode from the Debug menu item:
你可以在 Debug 菜单已调试或非调试模式启动你的app：
- You can debug the app by tapping the IIS Express button
你可以通过点击 IIS Express 按钮启动调试程序
The default template gives you working Home, About and Contact links. The browser image above doesn’t show these links.
默认的模板提供了 Home, About and Contact 三个链接与页面。上图中浏览器没有显示这些链接。
Depending on the size of your browser, you might need to click the navigation icon to show them.
因为依赖于你的浏览器宽度尺寸，你可能需要点击导航图标来显示他们。
If you were running in debug mode, tap Shift-F5 to stop debugging.
如果你在调试模式下运行，点击 Shift-F5 可以停止调试。
In the next part of this tutorial, we’ll learn about MVC and start writing some code.
在接下来的教程中，我们将会开始学习 mvc 和如何开始写一些 代码 。
蒙
2017-07-12 11:05 周三
