Create a Vue.js app
Applies to: Visual Studio Visual Studio for Mac Visual Studio Code
In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple Vue.js frontend web application.
Make sure to install the following:
- Visual Studio 2022 Preview 2 or later. Go to the Visual Studio downloads page to install it for free.
- npm (https://www.npmjs.com/), which is included with Node.js
- Vue.js (Installation | Vue.js (vuejs.org))
- Vue.js CLI ((Installation | Vue.js (vuejs.org))
Create your app
In the Start window (choose File > Start Window to open), select Create a new project.
Give your project and solution a name.
Set the project properties
In Solution Explorer, right-click the Vue.js project, select Properties, and then go the Debugging section.
Change the Debugger to launch to the launch.json option.
Build Your Project
Choose Build > Build Solution to build the project.
Start Your Project
Press F5 or select the Start button at the top of the window, and you'll see a command prompt:
npm running the vue-cli-service start command
Check console output for messages, such as a message instructing you to update your version of Node.js.
Next, you should see the base Vue.js app appear!
For ASP.NET Core integration:
Submit and view feedback for