点击上方蓝色字体，选择“标星公众号”

优质文章，第一时间送达

往期优质内容：
三步上手！5分钟搭建鸿蒙项目+多端开发躺赢！uView Pro Starter告别配置内 耗，5分钟直接写业务
Github3.5k Star！一款开源PDF工具包，可实现PDF编辑、转换、合并、拆分及加密等
Nuxt3集成微信网页jssdk跳转微信小程序功能（通用组件封装）拿来即用系列
别再重复造轮子！这款开源 CMS 让 Java 开发者快速建站，免费商用
简介
unibest由uniapp+Vue3+Ts+Vite5+UnoCss+VSCode(可选webstorm) +uni插件+wot-ui（可选其他 UI 库）构建，集成了多种工具和技术，使用了最新的前端技术栈，无需依靠HBuilderX，通过命令行方式即可运行web、小程序和App。（注：App还是需要HBuilderX）
unibest 内置了 约定式路由、layout布局、请求封装、请求拦截、登录拦截、UnoCSS、i18n多语言 等基础功能，提供了 代码提示、自动格式化、统一配置、代码片段 等辅助功能，让你编写 uniapp 拥有 best 体验 （ unibest 的由来）。
unibest 默认支持所有的 uniapp 平台（H5、小程序 和 App），但是具体支持情况还要看您所选的 UI 库 是否支持。
✨ 特性
⚡️ Vue 3, Vite, pnpm, esbuild - 就是快！
🔥 最新语法 - <script lang="ts" setup> 语法
🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
😃 UnoCSS Icons & icones - 海量图标供你选择
🍍 pinia & pinia-plugin-persistedstate - 全端适配的全局数据管理
🗂 uni.request 请求封装 - 一键引入，快捷使用
📦 路由拦截 基础封装，支持扩展，快捷使用，拒绝黑盒
📥 API 自动加载 - 直接使用 Composition API 无需引入
🎉 v3 Code Snippets 加快你的页面生成
🦾 Pritter & ESLint & Stylelint & husky & lint-staged + commitlint - 保证代码质量
🌈 TypeScript 加持，同时又兼容 js ，同时满足不同人群
💡 ES6 import 自动排序，css 属性 自动排序，增强编码一致性
🖥 多环境 配置分开，想则怎么配置就怎么配置
平台兼容性
H5
IOS
安卓
微信小程序
字节小程序
快手小程序
支付宝小程序
钉钉小程序
百度小程序
√
√
√
√
√
√
√
√
√
每种 UI框架 支持的平台有所不同，详情请看各 UI框架 的官网，也可以看 unibest 文档。
快速开始
依赖
node>=18
pnpm>=7.30
Vue Official>=2.1.10
TypeScript>=5.0
使用方式
方式一：通过 CLI 创建新项目（推荐）
通过 CLI 创建项目是推荐的方式，可以选择平台、UI 库、登录策略、多语言等配置。
# 全局安装 CLIpnpm add -g create-unibest# 创建项目pnpm create unibest my-projectcd my-projectpnpm installpnpm dev


CLI 会从 Git base 分支克隆基础模板。
方式二：创建时选择 Feature









# 创建项目并选择功能pnpm create unibest my-project# 或通过命令行参数直接指定pnpm create unibest my-project --i18n --login --lime-echart --ucharts

方式三：创建后添加 Feature













cd my-project# 添加多语言pnpm create unibest add i18n# 添加登录策略pnpm create unibest add login# 添加图表库pnpm create unibest add lime-echartpnpm create unibest add ucharts# 同时添加多个pnpm create unibest add i18n login lime-echart ucharts

安装，运行







pnpm ipnpm dev     # 运行h5pnpm dev:mp  # 运行微信小程序pnpm dev:app # 运行App

pnpm dev 之后在浏览器打开 http://localhost:9000/。
🔗 发布


web平台： pnpm build:h5，打包后的文件在 dist/build/h5，可以放到web服务器，如nginx运行。如果最终不是放在根目录，可以在 manifest.config.ts 文件的 h5.router.base 属性进行修改。


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


APP平台：pnpm build:app, 然后打开 HBuilderX，导入刚刚生成的dist/build/app 文件夹，选择发行 - APP云打包。(如果是 安卓 和 鸿蒙 平台，则不用这个方式，可以把整个unibest项目导入到hbx，通过hbx的菜单来发行到对应的平台。)


项目仓库地址


github：https://github.com/feige996/unibest


gitee：https://gitee.com/feige996/unibest


—————END—————