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