Vue project build process

Make sure you have installed the node and npm

1. Installation vue-cli 

npm she vue-cli -g

 

2. Installation vue-router

npm i vue-router --save

 

3. Installation vue-router

npm i vue-router --save

 

4. Install axios // if necessary

npm i axios --save

 

5. Installation lazy loading vue-lazyload // if necessary

npm install vue-lazyload --save

 

6. Install the bottom load vue-infinite-scroll // if necessary

npm install vue-infinite-scroll --save

 

7. Install the state management vuex // if necessary

npm install vuex --save

 

 

Project started

1. Initialize a project:

vue init webpack project name

2. Go to the next project directory:

cd Project name
3. Installation depends:

npm install

4 Run:

npm run dev

 

5. browser to view (will open automatically): http: // localhost: port number /
6. build folder
build router folder, put routes
built components folder, put the components (.vue documents are components)
to build views file folder, put subpages

 

7. Construction of package production run: npm run build