确保已经安装了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