skip to Main Content
How To Set Up Vue.js Project?

How to Set up Vue.js project?

Vue js Development

Using CLI Command Line

Vue.js also provides CLI to install the vue and get started with the server activation (if you have node.js installed).

Step 1

To install using CLI, we need to have CLI installed which is done using the following command. The following command will install vue-cli globally.

Think of it like buying a tool, which you purchase once(free in our case) and can use it any number of times. So for setting up another project from next time, this command is not required.

npm install -g vue-cli

Step 2

Following is the command to create the project using Webpack. This command pulls a webpack template, prompts for some information and generate a project in directory/folder myproject.

Vue js Development

Vue js Development
vue init webpack myproject

Step 3

Change directory to your project folder

cd myproject

Step 4

Install all the dependencies required by the template as listed in package.json file.

npm install

Step 5

This command will start your local http server, open the browser and your default hosted web page will be shown.

npm run dev
Back To Top