Install Vue JS Using Vite (2026)

Beginner-friendly guide to install and verify Vue JS on Windows

Important Requirement

Node.js is required to install Vue JS.
Vue uses Node.js and npm to create projects, install dependencies, and run the development server.

👉 Install Node.js first: Node.js Installation Tutorial

What you will learn

Learn how to check Node.js, create Vue project using Vite, open it in VS Code, run npm run dev, and verify Vue installation.

Video Tutorial

Step 0: Check Node.js & npm (Required)

node -v
npm -v

Step 1: Create Vue Project

cd Desktop
npm create vue@latest my-vue-app

Step 2: Select Options

  • Project Name: my-vue-app
  • Add TypeScript? No (optional)
  • Add Router? No (optional)
  • Add Pinia? No (optional)
  • Add ESLint? No

Step 3: Install Dependencies

cd my-vue-app
npm install

Step 4: Open Project in VS Code

Open important files like src/App.vue and main.js

Step 5: Run Development Server

npm run dev

Open the localhost URL shown in the terminal.

Step 6: Verify Installation

If the Vue welcome page appears → Vue JS installed successfully 🎉