AspNetCore.Docs/aspnetcore/tutorials/first-mvc-app-mac/start-mvc.md

65 lines
2.7 KiB
Markdown
Raw Normal View History

---
title: Getting started with ASP.NET Core MVC and Visual Studio for Mac
author: rick-anderson
description: Getting started with ASP.NET Core MVC and Visual Studio
keywords: ASP.NET Core, MVC, Visual Studio for Mac, Entity Framework
ms.author: riande
manager: wpickett
ms.date: 06/07/2017
ms.topic: article
ms.assetid: 1d18b509-e3fd-4dc6-bde6-fb0f41998d77
ms.technology: aspnet
ms.prod: asp.net-core
uid: tutorials/first-mvc-app-mac/start-mvc
---
# Getting started with ASP.NET Core MVC and Visual Studio for Mac
By [Rick Anderson](https://twitter.com/RickAndMSFT)
This tutorial teaches you the basics of building an ASP.NET Core MVC web app using [Visual Studio for Mac](https://www.visualstudio.com/vs/visual-studio-mac/).
There are 3 versions of this tutorial:
* macOS: [Build an ASP.NET Core MVC app with Visual Studio for Mac](xref:tutorials/first-mvc-app-mac/start-mvc)
* Windows: [Build an ASP.NET Core MVC app with Visual Studio](xref:tutorials/first-mvc-app/start-mvc)
* Linux, macOS, and Windows: [Build an ASP.NET Core MVC app with Visual Studio Code](xref:tutorials/first-mvc-app-xplat/start-mvc)
## Prerequisites
Install the following:
- [.NET Core SDK](https://www.microsoft.com/net/core#macos)
- [Visual Studio for Mac](https://www.visualstudio.com/vs/visual-studio-mac/)
## Create a web app
From Visual Studio, select **File > New Solution**.
![macOS New solution](../first-web-api-mac/_static/sln.png)
Select **.NET Core App > ASP.NET Core > Web App > Next**.
![macOS New project dialog](start-mvc/1.png)
Name the project **MvcMovie**, and then select **Create**.
![macOS New project dialog](start-mvc/2.png)
### Launch the app
In Visual Studio, select **Run > Start Without Debugging** to launch the app. Visual Studio starts [IIS Express](http://www.iis.net/learn/extensions/introduction-to-iis-express/iis-express-overview), launches a browser, and navigates to `http://localhost:port`, where *port* is a randomly chosen port number.
![Browser with new project](start-mvc/b1.png)
* The address bar shows `localhost:port#` and not something like `example.com`. That's because `localhost` is the standard hostname for your local computer. When Visual Studio creates a web project, a random port is used for the web server. When you run the app, you'll see a different port number.
* You can launch the app in debug or non-debug mode from the **Run** menu.
The default template gives you **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.
![Browser with New project](start-mvc/b2.png)
In the next part of this tutorial, you learn about MVC and start writing some code.
>[!div class="step-by-step"]
[Next](adding-controller.md)