基于uniapp cli模式集成最佳实践脚手架, ui库使用 uview(已配置全自动按需导入), css 框架使用 windicss(下一代css框架), 请求使用axios的方式(添加了uniapp适配器支持) 路由使用 uni-simple-router(同vue-router的api无须重新阅读文档,配置了路由自动生成) 查看预览地址(请将浏览器切换为手机模式打开,账号密码不为空即可,由于是免费的服务器,如遇打不开的情况,请多刷新几次)
基于VueCli模式的uniapp脚手架集成模板
探索本项目的文档 »
查看Demo
·
报告Bug
·
提出新特性
- clone 本项目 或 直接下载main包
git clone https://github.com/viarotel/vue-cli-uniapp.git- 安装依赖
- 运行项目
npm install //or yarn
npm run serve //or yarn serve- 将项目拖动到HBuilder中
- 点击项目src目录中的任意文件
- 点击编辑器上方点击运行选择需要运行的环境
- 安装依赖
- 打包项目
npm install //or yarn
npm run build //or yarn build 默认为H5环境 更多环境命令请参考 package.json 中的 scripts字段- 将项目拖动到HBuilder中
- 点击项目src目录中的任意文件
- 点击编辑器上方点击发行选择需要打包的环境
filetree
├── /dist //打包生成的静态资源文件，用于生产部署。
├── /node_modules //存放npm命令下载的开发环境和生产环境的依赖包。
├── /public/ //存放在该文件夹的东西不会被打包影响，而是会原封不动的输出到dist文件夹中
│ ├── /index.html // 入口模板文件
├── /src/ // 存放项目源码及需要引用的资源文件。
│ ├── /assets/ //存放项目中需要用到的资源文件，css、js、images等。
│ ├── /components/ //存放vue开发中一些公共组件：header.vue、footer.vue等。
│ ├── /configs/ //全局配置文件
│ ├── /directives/ //全局指令注册
│ ├── /icons/ //存放图标的地方
│ ├── /pages/ //存在vue页面组件的文件夹。
│ ├── /plugins/ //项目常用的插件集合
│ ├── /requests/ //接口配置
│ ├── /router/ //路由配置
│ ├── /static/ //存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
│ ├── /store/ //存放 vuex 为vue专门开发的状态管理器。
│ ├── /styles/ //存放全局样式
│ ├── /utils/ //存放vue开发过程中一些公共的.js方法。
├── App.vue //项目入口文件
├── ext.json // 小程序作为第三方开发需要用到的配置文件 动态切换appid等功能
├── main.js //入口文件
├── manifest.json //uniapp 管理各个环境下的的配置
├── pages.json //页面和路由配置文件
├── uni.scss //uni.scss是一个特殊文件，在代码中无需 import 这个文件即可在scss代码中使用这里的样式变量
├── .gitignore //git忽略文件配置
├── babel.config.js //对js文件进行编译转换增强的配置文件
├── LICENSE //MIT许可证
├── package.json //包管理配置文件
├── postcss.config.js //对css文件进行编译转换增强的配置文件
├── README.md
├── tailwind.config.js //windicss的配置文件
├── jsconfig.json //JavaScript语言服务的配置文件 代码提示 文件索引等问题
├── vue.config.js //vuecli配置文件
└── yarn.lock //yarn锁定依赖版本
- vue
- uview
- windicss
- axios
- vuex
- uni-simple-router
该项目使用Git进行版本管理。
qq:523469508 wx: luyao-ing
您也可以在贡献者名单中参看所有参与该项目的开发者。
该项目签署了MIT 授权许可，详情请参阅 LICENSE
- 感谢axios-adapter-uniapp提供的axios适配器