npm create vue@latest
After installation on your PC Node.js (version 18.3 or higher) you can install Vue 3 latest version App/Project in the choosen by you folder directory by typing in terminal IDE this command:
npm create vue@latest
This command will install and execute create-vue, the official Vue project scaffolding tool. You will be presented with prompts for several optional features such as TypeScript and testing support:
✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add an End-to-End Testing Solution? … No / Cypress / Nightwatch / Playwright
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes
✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes
Scaffolding project in ./<your-project-name>...
Done.If you are unsure about an option, simply choose No by hitting enter for now. Once the project is created, follow the instructions to install dependencies (npm install) and start the dev server:
cd <your-project-name>
npm install
npm run dev
You should now have your first Vue project running! Note that the example components in the generated project are written using the Composition API and <script setup> (if you use TypeScript in your Vue 3 App you will use in SFC <script setup lang=”ts”>).
- The recommended IDE setup is Visual Studio Code + Vue – Official extension. If you use other editors, check out the IDE support section.
I use WebStorm as IDE. - More tooling details, including integration with backend frameworks, are discussed in the Tooling Guide.
- To learn more about the underlying build tool Vite, check out the Vite docs.
- If you choose to use TypeScript, check out the TypeScript Usage Guide.
When you are ready to ship your app to production, run the following:
npm run build
This will create a production-ready build of your app in the project’s ./dist directory. Check out the Production Deployment Guide to learn more about shipping your app to production.
