marketingSaaS-front_ui/README.md

3.3 KiB
Raw Blame History

unibest - 最好的 uniapp 开发框架

GitHub Repo stars GitHub forks star fork node version pnpm version GitHub package.json version (subfolder of monorepo) GitHub License

unibest —— 最好的 uniapp 开发框架,由 uniapp + Vue3 + Ts + Vite5 + UnoCss + wot-ui + z-paging 构成,使用了最新的前端技术栈,无需依靠 HBuilderX,通过命令行方式运行 web小程序App(编辑器推荐 VSCode,可选 webstorm)。

unibest 内置了 约定式路由layout布局请求封装请求拦截登录拦截UnoCSSi18n多语言 等基础功能,提供了 代码提示自动格式化统一配置代码片段 等辅助功能,让你编写 uniapp 拥有 best 体验 unibest 的由来)。

📖 文档地址 | 📱 DEMO 地址

⚙️ 环境

  • node>=18
  • pnpm>=7.30

📂 快速开始

main 纯洁分支

feature 开发分支 线上测试(正式环境)

dev 转盘、翻牌等两个活动(旧版)

prod 正式环境 merge feature

执行 pnpm create unibest 创建项目

执行 pnpm i 安装依赖

执行 pnpm dev 运行 H5

📦 运行(支持热更新)

  • 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基座。

🔗 发布

  • web平台 pnpm build:h5,打包后的文件在 dist/build/h5可以放到web服务器如nginx运行。如果最终不是放在根目录可以在 manifest.config.ts 文件的 h5.router.base 属性进行修改。
  • weixin平台pnpm build:mp-weixin, 打包后的文件在 dist/build/mp-weixin,然后通过微信开发者工具导入,并点击右上角的“上传”按钮进行上传。
  • APP平台pnpm build:app, 然后打开 HBuilderX,导入刚刚生成的dist/build/app 文件夹,选择发行 - APP云打包。