vue项目的构建过程

确保已经安装了node和npm

1.安装vue-cli

npm i vue-cli -g

2.安装vue-router

npm i vue-router --save

3.安装vue-router

npm i vue-router --save

4.安装axios   //如果有需要

npm i axios --save

5.安装 懒加载  vue-lazyload   //如果有需要

npm install vue-lazyload --save

6.安装 触底加载  vue-infinite-scroll   //如果有需要

npm install vue-infinite-scroll --save

7.安装状态管理 vuex  //如果有需要

npm install vuex --save

项目开始

1.初始化一个项目：

vue init webpack 项目名称

2.进入项目目录下：

cd 项目名称
3. 安装依赖：

npm install

4 运行：

npm run dev

5.浏览器查看（会自动打开）：http://localhost:端口号/
6.建文件夹
建router文件夹，放路由
建components文件夹，放组件（.vue文件都是组件）
建views文件夹，放子页面

7.构建生产包运行：npm run build