
在关于页面添加自定义导航栏组件 fg-navbar,并配置 pages.config.ts 实现自动导入 新增 fg-navbar 组件,基于 wd-navbar 封装,提供统一的导航栏样式和返回逻辑 ``` 这个提交消息: 1. 使用 feat 类型,因为是新增功能 2. 添加了 scope (about) 表示主要修改的是关于页面 3. 描述部分简洁说明了"添加自定义导航栏组件"这个主要变更和"配置自动导入"这个配套修改 4. 在正文中补充说明了新增组件的实现细节和目的
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 的由来
)。
注意旧的地址 codercup 我进不去了,使用新的 feige996。PR和 issue 也请使用新地址,否则无法合并。
平台兼容性
H5 | IOS | 安卓 | 微信小程序 | 字节小程序 | 快手小程序 | 支付宝小程序 | 钉钉小程序 | 百度小程序 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
注意每种 UI框架
支持的平台有所不同,详情请看各 UI框架
的官网,也可以看 unibest
文档。
⚙️ 环境
- node>=18
- pnpm>=7.30
- Vue Official>=2.1.10
- TypeScript>=5.0
📂 快速开始
执行 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云打包。
📄 License
Copyright (c) 2025 菲鸽
捐赠
Languages
TypeScript
81.3%
Vue
12%
SCSS
2.5%
CSS
1.8%
JavaScript
1.6%
Other
0.8%