Vue.js Installation on Windows: A Quick and Easy Guide
Here's a step-by-step guide to install Vue.js:
Step 1: Install Node.js and npm
Vue.js requires Node.js, which includes npm (Node Package Manager). You can download and install Node.js from the official website https://nodejs.org/en/download/current
Step 2: Verify Installation
Open a terminal or command prompt and run the following commands node -v
and npm npm-v
to verify that Node.js and npm re installed. For example i am using Node.js Version v20.9.0 and NPM version 9.2.0
Step 3: Install Vue CLI
Vue CLI is a command-line tool that helps you scaffold and manage Vue.js projects. Install Vue CLI globally using npm:
Step 4: Create a Vue Project
Now, use the Vue CLI to create a new project. Navigate to the directory where you want to create your project and run:
vue create vueproject
For example i create project Inventory
vue create inventory
Step 5: Run the Vue App
Change into the project directory: cd inventory
in your command prompt, then running the project npm run serve
in local development server.
Open your browser and visit http://localhost:8080 to see your Vue.js app
.
That's it! You've successfully installed Vue.js and created a new Vue project. You can now start building your web applications with Vue.js.