005.Getting started with ASP.NET Core MVC and Visual Studio -- 【VS开发asp.net core mvc 入门】

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

2.Create a web app

创建一个 web 应用

By Rick Anderson

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 社区版。选择社区版下载。如果你已安装过可以跳过这个步骤。

• Visual Studio 2017 Home page installer

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 周三