Getting Started With ASP.NET Core MVC Apps Using VS Code

Pressing the F5 button to run the application.

How to create new Controller?

Go to the Explorer window in VS Code. Right Click the Controllers folder and point to New File, followed by clicking the New File.

Now, you can type in controller name as HelloWorldController.cs and press the Enter button.

Copy and paste the below code into HelloWorldController.cs

using Microsoft.AspNetCore.Mvc;
namespace SampleMVCApps.Controllers
{
    public class HelloWorldController : Controller
    {
        public IActionResult Index()
        {
            ViewData["Message"] = "Hello, This is my view";
            return View();
        }
        public IActionResult Welcome()
        {
            ViewData["Message"] = "Hello, Welcome to HelloWorld Application";
            return View();
        }
    }
}

How to create new View?

Go to the Explorer window in VS Code. Right Click the Views folder and point to New Folder, followed by clicking the New Folder. Then, add the new folder named HelloWorld.

Right-click the HelloWorld folder and point to New File, followed by clicking the New File.

Now, you can type in View name as Index.cshtml and press the Enter button.

Copy and paste the below code into Views/HelloWorld/Index.cshtml.

@{
    ViewData["Title"] = "Index";
}
<h2>Index</h2>
<hr>
<p>@ViewData["Welcome"]</p>

Similarly, you can create a welcome view. Copy and paste the below code into Views/HelloWorld/Welcome.cshtml.

@{
    ViewData["Title"] = "Welcome";
}
<h2>Welcome</h2>
<hr>
<p>@ViewData["HelloWorld"]</p>

How to run the HelloWorld App?

Pressing the F5 button will run the application, as shown in the below screenshot.

Conclusion

I hope you understood how to create a HelloWorld App with ASP.NET Core 2.0 using Visual Studio Code. If you have found anything which I missed in this article, please let me know. Please share your valuable feedback or comments and suggestion to improve the future articles.