Installation of Vue-cli and Webpack

In this article we will see how to install Vue-cli and Webpack. With webpack and Vue-cli, you can do the single file componets. With single file components you have several advantages.

vue-loader can bundle all .vue files to single javascript bundle.js file which is comatible with all browsers

First, you can install the vue-cli globally by running the following command in your terminal

npm install -g vue-cli

Next, you can run the the vue init command by giving the template name and the project name

vue init webpack-simple myproject

You will be prompted with several question

Finally you change the working directory to myproject
So to get started, you can run the following command in your terminal
cd myproject
npm install
npm run dev

If you like to study more about webpack you can follow this course @Udemy