3.2 KiB
3.2 KiB
unibest - 最好的 uniapp 开发框架
unibest
—— 最好的 uniapp
开发框架,由 uniapp
+ Vue3
+ Ts
+ Vite5
+ UnoCss
+ wot-ui
+ z-paging
构成,使用了最新的前端技术栈,无需依靠 HBuilderX
,通过命令行方式运行 web
、小程序
和 App
(编辑器推荐 VSCode
,可选 webstorm
)。
unibest
内置了 约定式路由
、layout布局
、请求封装
、请求拦截
、登录拦截
、UnoCSS
、i18n多语言
等基础功能,提供了 代码提示
、自动格式化
、统一配置
、代码片段
等辅助功能,让你编写 uniapp
拥有 best
体验 ( unibest 的由来
)。
⚙️ 环境
- node>=18
- pnpm>=7.30
📂 快速开始
执行 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云打包。