

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:

Many of our JavaScript and TypeScript developers are building their front-end projects alongside their ASP.NET Core backend projects. In one of our user studies, participants mentioned they like to keep their front-end and backend projects separated, and that they would open them in multiple editors. To create a similar setup, we moved to a two project in one solution model, where JavaScript/TypeScript projects can be easily integrated with ASP.NET Core Web APIs. You will be able to choose if you want to run, debug and edit your projects together or separately while having access to tooling for both the front-end and backend. Npm install -g and Vue support both TypeScript and JavaScript, you also can specify whichever language you prefer during project creation. Visual Studio will add the proper flags to the CLI commands for your choice.

That’s okay! You’ll just need to run the appropriate npm install command: Note: If you do not have the CLI of choice installed, you will get an error in the New Project Dialog Window, for example:

When creating your project, Visual Studio will open a command prompt so you can see the CLI’s progression. Visual Studio will discover and use the version of the CLI installed on your path to scaffold the project. To address this feedback, we’re leveraging each framework’s native CLIs to create these 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. You will also be able to easily integrate your front-end projects with an ASP.NET Core backend, and even leverage existing tools in Visual Studio like the Test Explorer. With this new project type, you will be able to develop standalone Angular, React, and Vue projects. To better support front-end development in Visual Studio 2022, we’re introducing a new JavaScript/TypeScript project type. – worked well, Visual Studio still had a few gaps when it came to integrated workloads like testing and getting started on front-end projects. What we heard was that while our editing features – IntelliSense, Quick Info, Go-to-Definition, etc. We spoke with many developers to understand their expectations and experiences. With Visual Studio 2022, we really wanted to make our JavaScript & TypeScript experience shine. Today we are excited to announce a new experience for JavaScript and TypeScript developers in Visual Studio. We are bringing new tooling to enhance the experience for SPA applications and front-end development.
