unibest/README.md
2024-01-20 14:45:33 +08:00

3.6 KiB
Raw Blame History

unifly

(原名 vue3-uniapp-template

由 Vue3 & Ts & Vite4 & uni-app & UnoCss & UniUI 驱动的跨端快速启动模板VS Code + Prettier +ESLint + husky + lint-staged + commitlint

特性

业务功能 TODO LIST

  • 页面下拉刷新(全局+局部)
  • 页面上拉加载
  • 导航栏返回or去首页
  • 导航栏渐变(微信+h5)
  • 自定义导航栏顶部机型适配
  • 微信小程序分享(好友+朋友圈)
  • 微信登录
  • 微信一键登录(基于手机号)
  • 仿BOSS直聘-个人中心
  • 仿华为商城-个人中心
  • 页面悬浮球(floating bubble)
  • 多tab列表功能
  • 瀑布流
  • 头像上传
  • 图片剪辑
  • 抽奖-九宫格抽奖
  • 抽奖-大转盘抽奖
  • 仿网易云音乐APP独立项目

环境

  • pnpm>=8.12
  • node>=18

仓库地址

  • github

    • https://github.com/fly-vue3-templates/vue3-uniapp-template (旧地址)

    • https://github.com/codercup/unifly (新地址)

  • gitee

    • https://gitee.com/fly-vue3-templates/vue3-uniapp-template.git fly (旧地址)

    • https://gitee.com/codercup/unifly (新地址)

旧地址也可以访问,会自动跳转到新地址

运行

  • web平台 pnpm dev:h5, 然后打开 http://localhost:9000/
  • weixin平台pnpm dev:mp-weixin 然后打开微信开发者工具,导入本地文件夹,选择本项目的dist/dev/mp-weixin 文件。
  • APP平台pnpm dev:app, 然后打开 HBuilderX,导入刚刚生成的dist/dev/app 文件夹,选择运行到模拟器,或者运行的安卓/ios基座。 app运行

发布

  • web平台 pnpm build:h5,打包后的文件在 dist/build/h5可以放到web服务器如nginx运行。如果最终不是放在根目录可以在 vite.config.tsbase 属性进行配置。vite官网

  • weixin平台pnpm build:h5, 打包后的文件在 dist/build/mp-weixin,然后通过微信开发者工具导入,并点击右上角的“上传”按钮进行上传。

  • APP平台pnpm build:app, 然后打开 HBuilderX,导入刚刚生成的dist/build/app 文件夹,选择发行 - APP云打包。

    app发行