zhangguoping 4f7a732b7f | ||
---|---|---|
.github | ||
.husky | ||
.vscode | ||
dist/build/h5 | ||
env | ||
src | ||
.editorconfig | ||
.eslintignore | ||
.eslintrc-auto-import.json | ||
.eslintrc.cjs | ||
.gitignore | ||
.npmrc | ||
.prettierignore | ||
.prettierrc.cjs | ||
.stylelintignore | ||
.stylelintrc.cjs | ||
LICENSE | ||
README.md | ||
commitlint.config.cjs | ||
custom.page.js | ||
index.html | ||
manifest.config.ts | ||
package.json | ||
pages.config.ts | ||
pnpm-lock.yaml | ||
tsconfig.json | ||
uni-pages.d.ts | ||
uno.config.ts | ||
vite.config.ts | ||
vite.plugin.js |
README.md
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
📂 快速开始
main 纯洁分支 dev 开发分支 线上测试 prod 正式环境 merge dev
执行 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云打包。