{"repo":"viarotel-org/vite-uniapp-template","free":true,"listed":false,"github":"https://github.com/viarotel-org/vite-uniapp-template","clone":"git clone https://github.com/viarotel-org/vite-uniapp-template.git","description":"🚀 以实用为先的 uni-app 起手模板。","language":"JavaScript","stars":586,"topics":["vue3","vite","uniapp","unocss","applet","pinia","template","vue-router","alova","wot-design-uni"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Vite Uniapp Template 🚀 以实用为先的 uni-app 起手模板。 查看演示 该模板为您的 uniapp 项目提供了一个强大的起点，集成了现代化工具和精心设计的约定，以简化开发流程。 核心特性 - 💪 优化的资源管理: 无缝切换本地与远程静态资源。这对于克服小程序包大小限制至关重要。 - 📦 智能分包: 清晰直观的 pages 目录结构，结合便捷的配置，轻松实现基于功能的分包。 - 🛣 类 VueRouter 路由: 使用 uniapp-router-next 并进行了增强，如拦截器、中间件和路由别名，提供熟悉的 API 体验。 - 📊 Pinia 状态管理: 借助 Pinia 实现强大且直观的应用状态管理。 - ⚡️ 现代化请求工作流: 采用 Alova，一个下一代请求库，简化数据获取流程。 - 👇 内置 Z-Paging: 集成了高性能、易用的下拉分页组件，轻松实现下拉刷新和上拉加载更多等功能。 - 💅 Unocss 原子化 CSS: 使用原子化 CSS 类名书写规范，即使在小程序环境下也完美支持。 - 🎨 轻量级 UI 与主题化: 集成 wot-design-uni，提供更轻量的 UI，满足绝大多数业务场景，并支持主题定制。 - 📝 专注 JavaScript: 使用 JavaScript 构建，在常规业务场景或团队技能水平差异较大时，确保更平滑的开发体验。 快速上手 1. 克隆项目 2. 安装依赖 请使用 node@20.0 及以上版本。 推荐使用 pnpm 安装依赖。当前未在 npm 或 yarn 环境下进行充分测试，可能存在依赖不兼容或版本对齐问题。 3. 运行项目 使用代码编辑器 (例如 VS Code) 在项目根目录下执行以下命令： 使用 HBuilderX - 将项目文件夹拖拽到 HBuilderX 中。 - 确保已安装依赖 (如果尚未安装，请在项目根目录运行 pnpm install )。 - 点击项目 /src 目录下的任意文件。 - 在 HBuilderX 菜单中，导航至“运行”并选择您的目标运行环境。 功能示例 创新的分包结构 传统分包结构： vite-uniapp-template 的分包结构： 分包配置示例： 静态资源处理 使用示例： 更多配置请参考 vite.config.plugins.js 中的 useAssetPathResolver 插件 全局主题定制 由 unocss-preset-shades 提供支持。轻松应用您的主题颜色： 页面导航 与 Vue Router 类似，您可以通过编程方式进行导航： 在模板中： 在脚本中 (支持自动导入)： 路由别名 ( pages.config.js )： 路由守卫 实现导航守卫以处理权限验证等逻辑： 具体实现请参阅 src/permission 目录。 路由中间件 对特定路由应用中间件以实现精细化控制。 使用中间件 ( pages.config.js )： 定义中间件： 中间件代码结构与路由守卫基本一致，但仅拦截在其声明的路由中配置的中间件。 常见问题 - 依赖安装/启动失败 : 如果遇到问题，尝试删除 pnpm-lock.yaml 、 yarn.lock 或 package-lock.json 文件，然后重新运行安装命令 (例如 pnpm install )。 - 路由守卫陷入循环 : 路由守卫中页面跳转不支持路径别名，请使用实际路径，避免使用别名(aliasPath)。 获取支持 这是一个依靠热爱驱动的开源项目，因此支持会根据","default_branch":null,"files":null,"tree":[],"storefront":"/r/viarotel-org","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/viarotel-org/vite-uniapp-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}