vue项目的构建过程
2024-09-04 05:28:05
确保已经安装了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
最新文章
- 【原创】开源.NET排列组合组件KwCombinatorics使用(三)——笛卡尔积组合
- jquery的blur之后,focus获取不到焦点的解决办法
- linux下dos环境和unix环境转换
- 插入视频(youtube)
- 模拟jquery
- Java统计数据库表中记录数
- arcengine C# 读写lyr(转)
- Apache虚拟主机设置
- Xml序列化自引用/循环引用问题1
- LoadRuner性能测试之内存分析方法及步骤(Windows)
- nginx cpu高排查
- 【MM系列】SAP 根据PO查找对应的打印FORM
- mysql group by组内排序
- CSS便捷开发小工具汇总
- Java利用递归实现扫雷
- New Concept English Two 30 82
- c++ 网络编程(三) LINUX/windows 进程间的通信原理与实现代码 基于多进程的服务端实现
- Loj10222 佳佳的Fibonacci(矩阵乘法)
- assign,copy,retain的区别以及weak和strong的区别
- bzoj 1367 - sequence