【翻译】使用Visual Studio建立Asp.Net Core MVC (一)

This tutorial will teach you the basics of building an ASP.NET Core MVC web app using Visual Studio 2015.web

在这个范例里,咱们将使用Visual Studio 2015建立基本的Asp.Net Core MVC网站。express

安装Visual Studio和.Net Core

建立一个Web应用

From the Visual Studio Start page, tap New Project. dom

在Visual Studio 起始页面,点击New Project visual-studio

Alternatively, you can use the menus to create a new project. Tap File > New > Project. 网站

你也能够经过菜单建立新项目。点击File > New Project ui

Complete the New Project dialog:

在New Project对话框完成如下操做:

  • 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 match.)
  • 项目取名:MvcMove(当你复制代码时,这个项目名称很重要,它跟命名空间相匹配)
  • Tap OK
  • 点击OK

Complete the New ASP.NET Core Web Application - MvcMovie dialog:

在New Asp.Net Core Web Application –MvcMovie对话框完成如下操做:

  • Tap Web Application
  • 点击Web Application
  • Clear Host in the cloud
  • 不勾选Host in the cloud
  • Tap OK.
  • 点击OK

Visual Studio used a default template for the MVC project you just created, so you have a working app right now by entering a project name and selecting a few options. This is a simple "Hello World!" 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.

Visual Studio会根据默认模板建立MVC项目,你只要输入一个项目名和选择几个选项就能建立。这是一个Hello World的项目,一个好的开始!点击F5debug模式应用或者Ctrl+F5非Debug模式运行。

  • Visual Studio starts IIS Express and runs your app. Notice that the address bar shows localhost:port# and not something like example.com. That's because localhost always points to your own local computer, which in this case is running the app you just created. When Visual Studio creates a web project, a random port is used for the web server. In the image above, the port number is 1234. When you run the app, you'll see a different port number.
  • Visual Studio将开启IIS Express运行你的应用。注意浏览器地址栏显示的是localhost:端口号而不是example.com,这是由于这种状况下运行刚建立的应用,localhost老是指向本身的电脑。当Visual Studio建立了一个web项目后,它将为web服务器随机一个端口号。如下图片上,显示的是1234端口,当你本身运行的时候,你看到的将是一个不一样的端口号。
  • 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.
  • 使用Ctrl+F5(非Debug模式)运行应用,容许你在更改代码,保存文件后,使用刷新页面就能看到你的改变。许多开发者都喜欢用non-debug模式快速运行应用和查看更改。
  • You can launch the app in debug or non-debug mode from the Debug menu item:
  • 你能够经过Debug菜单运行Debug和non-debug模式:

  • You can debug the app by tapping the IIS Express button
  • 你也能够点击IIS Express按钮运行Debug模式

The default template gives you working Home, About and Contact links. The browser image above doesn't show these links. Depending on the size of your browser, you might need to click the navigation icon to show them.

默认模板有HOME,About和Contact三个连接。下图由于浏览器问题你看不到这几个连接,你能够经过点击导航图标显示。

If you were running in debug mode, tap Shift-F5 to stop debugging.

若是你运行在Debug模式下,Shift+F5中止Debug。

In the next part of this tutorial, we'll learn about MVC and start writing some code.

在这个范例的下一章节,咱们将如何编写MVC代码。

原文连接

https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/first-mvc-app/start-mvc

相关文章
相关标签/搜索