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 

猜你喜欢

转载自www.cnblogs.com/baixinL/p/11930375.html
今日推荐