Install Vue.js directly on Windows

A guide to set up a Vue.js development environment on Windows. For background, see the Vue.js overview.

Vue can be installed directly on Windows or on the Windows Subsystem for Linux (WSL). If you plan to interact with a Node.js backend, deploy to Linux servers, or follow tutorials that use Bash commands, consider installing Vue on WSL instead.

Prerequisites

• Install Node.js on Windows: This includes a version manager, package manager, and Visual Studio Code.

Create a Vue project

The recommended way to start a new Vue 3 project is npm create vue@latest, which uses create-vue — the official Vite-based scaffolding tool:

1. Open PowerShell or Windows Command Prompt.

2. Navigate to your projects directory:

   cd C:\Users\YourName\Projects
   

3. Create a new Vue project:

   npm create vue@latest
   

   The installer prompts you to name your project and choose optional features (TypeScript, JSX support, Vue Router, Pinia state management, Vitest, ESLint).

4. Navigate into the project folder, install dependencies, and start the dev server:

   cd <your-project-name>
   npm install
   npm run dev
   

   Your app will be available at http://localhost:5173.

Additional resources

• Vue docs
• Vue.js overview
• Install Vue.js on WSL
• Take your first steps with Vue.js learning path
• Vue tutorial with VS Code