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