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