CLI-Based Front-End Project Templates
The current Angular, React, and Vue templates included with Visual Studio were often not up to date, and users told us they wanted to choose the version of the framework they are using. To address this feedback, we’re leveraging each framework’s native CLIs to create these front-end project templates:
Visual Studio will discover and use the version of the CLI installed on your path to scaffold the project.
When creating your project, Visual Studio will open a command prompt so you can see the CLI’s progression.
Note: If you do not have the CLI of choice installed, you will get an error in the New Project Dialog Window, for example:
React cannot be found on your device.
That’s okay! You’ll just need to run the appropriate
npm install command:
npm install -g @angular/cli
npm install -g create-react-app
npm install -g @vue/cli
ASP.NET Core Integration
Starting the two-project solution is as easy as selecting the “Add integration for Empty ASP.NET Web API project” option while setting up the project in the New Project Dialog:
- Slightly modified package.json that will include additional npm commands to start up the front–end and the backend
- Slightly modified application files that automatically use the data created in the .NET Core project’s demo weather API
These files will allow you to add a .NET Core project to your solution and be able to run the two together, without having to add any added code.
We also support the Mocha and Tape test libraries. To use one of these, simply change the default test library in package.json to the appropriate test library’s package.
Easily Work with VS Code