To set up our development environment, here are the list of pre-requisite setups that we need to run on our machines:

1. Install Visual Studio 2015 or 2017 from http://www.visualstudio.com.

Visual Studio is also available for Mac now and you can download it from the same link as mentioned above.

2. If using Visual Studio 2015, make sure Update 3 is installed. This is needed to work smoothly with Angular, which is based on TypeScript 2.0.
3. Install the latest .NET Core version from https://www.microsoft.com/net/core.
4. Install TypeScript 2.0 for Visual Studio 2015 or a later version.
5. Install Node 4 or later. You can check the version by running the command node -v at the command prompt.

6. As we will be developing an SPA (Single Page Application) and using Angular as the frontend client-side framework, we have the option to either configure it on our own, or install a Visual Studio extension for Angular, which makes the basic boilerplate configuration simple. In this chapter, we will develop a web application project from scratch without using ready-made extension.
7. Another way to create projects is using the .NET CLI tools. The new .NET CLI tooling provides certain templates that you can use to create projects by running simple commands through a command-line interface. The main benefit of using these tools is cross-platform. We can use these tools in Linux, Mac, and Windows operating systems to create projects and use Visual Studio Code, or any other editor, to write code.