---
# https://vitepress.dev/reference/default-theme-home-page
layout: home

hero:
  name: 'unibest'
  text: '最好的 uniapp 框架'
  tagline: '开箱即用，提供舒适开发体验'
  image:
    src: /logo.svg
    alt: unibest
  actions:
    - theme: brand
      text: 介绍
      link: /base/1-introduction
    - theme: alt
      text: 快速开始
      link: /base/2-start
    - theme: brand
      text: 🥤 打赏
      link: /advanced/rewards/rewards
    - theme: alt
      text: 常见问题
      link: /base/14-faq
    - theme: brand
      text: 演示DEMO
      link: https://feige996.github.io/hello-unibest/

features:
  - icon: 🔥
    title: 多平台覆盖
    details: 支持 微信小程序、H5、APP 和 支付宝小程序、钉钉小程序、抖音小程序等平台。
    # linkText: 进入 Vue 官网
    # link: https://cn.vuejs.org/
  - icon: ⚡️
    title: Vue3 + Vite5 + Pnpm + TypeScript
    details: Vue3 + Vite5 + Pnpm + TypeScript 最强组合，飞一般的编码体验，同时支持 js 编写
    # linkText: 进入 Vue 官网
    # link: https://cn.vuejs.org/
  - icon: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#0065a9" d="m29.01 5.03l-5.766-2.776a1.742 1.742 0 0 0-1.989.338L2.38 19.8a1.166 1.166 0 0 0-.08 1.647c.025.027.05.053.077.077l1.541 1.4a1.165 1.165 0 0 0 1.489.066L28.142 5.75A1.158 1.158 0 0 1 30 6.672v-.067a1.748 1.748 0 0 0-.99-1.575"/><path fill="#007acc" d="m29.01 26.97l-5.766 2.777a1.745 1.745 0 0 1-1.989-.338L2.38 12.2a1.166 1.166 0 0 1-.08-1.647c.025-.027.05-.053.077-.077l1.541-1.4A1.165 1.165 0 0 1 5.41 9.01l22.732 17.24A1.158 1.158 0 0 0 30 25.328v.072a1.749 1.749 0 0 1-.99 1.57"/><path fill="#1f9cf0" d="M23.244 29.747a1.745 1.745 0 0 1-1.989-.338A1.025 1.025 0 0 0 23 28.684V3.316a1.024 1.024 0 0 0-1.749-.724a1.744 1.744 0 0 1 1.989-.339l5.765 2.772A1.748 1.748 0 0 1 30 6.6v18.8a1.748 1.748 0 0 1-.991 1.576Z"/></svg>
    title: 拥抱宇宙最强编辑器 VS Code
    details: 使用你最熟悉的 VS Code，无需切换编辑器，告别 HBuilderX 糟糕的编码体验
    # linkText: 下载 VS Code
    # link: https://code.visualstudio.com/

  - icon: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g stroke-width=".13"><path fill="#858585" d="M17.007 23.491a6.52 6.52 0 1 1 13.04 0a6.52 6.52 0 0 1-13.04 0"/><path fill="#ccc" d="M17.007 8.51a6.52 6.52 0 0 1 13.04 0v5.867c0 .36-.292.652-.652.652H17.659a.652.652 0 0 1-.652-.652z"/><path fill="#4d4d4d" d="M14.993 23.491a6.52 6.52 0 1 1-13.04 0v-5.868c0-.36.292-.652.652-.652h11.736c.36 0 .652.292.652.652z"/></g></svg>
    title: UnoCSS + UnoCSS Icons
    details: 高性能原子化 CSS 引擎 UnoCSS，还有 100000+ 图标为你所用，无需额外引入外链
    # linkText: 进入 UnoCSS 官网
    # link: https://unocss.dev/

  - icon: 🗂
    title: 基于文件的路由
    details: 无需维护 pages.json，一切都是自动化

  - icon: 📦
    title: 布局系统
    details: Layout 布局系统，一行代码切换不同布局

  - icon: 🌈
    title: 开箱即用的功能和组件
    details: pinia、API自动导入、请求拦截、路由拦截、字体图标、多语言、自定义tabbar、SVG、UI库...
  # - icon: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="284.0000305175781" height="284" viewBox="0 0 300 300"><defs><linearGradient x1="0.8546710014343262" y1="0.8034360408782959" x2="0.8333213329315186" y2="0" id="master_svg0_132_03714"><stop offset="0%" stop-color="#FFB74D" stop-opacity="1"/><stop offset="100.00011920928955%" stop-color="#EA5F2A" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0.6703797578811646" x2="0.29553526639938354" y2="-0.4002380669116974" id="master_svg1_132_13164"><stop offset="0%" stop-color="#FFB74D" stop-opacity="1"/><stop offset="100.00028610229492%" stop-color="#CB3800" stop-opacity="1"/></linearGradient><linearGradient x1="0.9371286034584045" y1="0" x2="0.09386466443538666" y2="0.9283419847488403" id="master_svg2_132_13158"><stop offset="0%" stop-color="#FF500F" stop-opacity="1"/><stop offset="99.9998927116394%" stop-color="#D9773B" stop-opacity="1"/></linearGradient><linearGradient x1="0.8452901840209961" y1="0.8194817900657654" x2="0.8502801060676575" y2="0.059159498661756516" id="master_svg3_132_14394"><stop offset="0%" stop-color="#00B2ED" stop-opacity="1"/><stop offset="100.00021457672119%" stop-color="#002FED" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg4_132_18996"><stop offset="0%" stop-color="#143AD4" stop-opacity="1"/><stop offset="69.9999988079071%" stop-color="#00B2ED" stop-opacity="1"/></linearGradient><linearGradient x1="0.3482012450695038" y1="1.2638264894485474" x2="0.448713093996048" y2="0.15451215207576752" id="master_svg5_132_22620"><stop offset="0%" stop-color="#0267E4" stop-opacity="1"/><stop offset="100%" stop-color="#3054E7" stop-opacity="1"/></linearGradient></defs><g><g><g><path d="M113.743,60.721448861694334L57.7072,132.42234886169433C54.9276,135.97934886169435,54.9144,140.92834886169433,57.675,144.49934886169433L61.3262,149.22234886169434C65.3681,154.45034886169432,73.3605,154.44934886169435,77.4007,149.21934886169433L106.601,111.42234886169433L106.601,180.64534886169434C106.601,199.51334886169434,82.3918,207.76434886169434,70.5352,192.93834886169432L27.9967,139.74534886169434L122.896,21.075048861694334C126.346,16.762048861694335,125.589,10.513938861694337,121.207,7.119458861694336L117.239,4.046338861694336C112.857,0.6518588616943359,106.508,1.396456861694336,103.059,5.709438861694336L3.24421,130.52534886169434Q4.46644e-13,134.58234886169433,4.46644e-13,139.74534886169434Q-0.00000120375,144.90734886169435,3.24421,148.96434886169433L107.05,278.7713488616943Q109.936,282.38034886169436,114.43,283.5403488616943Q118.509,284.5933488616943,122.504,283.23234886169433Q126.5,281.8703488616943,129.043,278.5603488616943Q131.845,274.91234886169434,131.845,270.32034886169436L131.845,66.78024886169433C131.845,57.290848861694336,119.622,53.19954886169434,113.743,60.721448861694334Z" fill-rule="evenodd" fill="url(#master_svg0_132_03714)" fill-opacity="1"/></g><g><path d="M106.60069274902344,237.87509727478027C106.60069274902344,237.98309727478028,106.60128806002344,238.09109727478028,106.60247865902343,238.19909727478029L107.05015274902344,278.77109727478023Q109.93642274902344,282.38009727478027,114.43039274902344,283.54109727478027Q118.50929274902344,284.59409727478027,122.50439274902344,283.23209727478024Q126.49959274902344,281.8700972747803,129.04289274902345,278.5600972747803Q131.84509274902342,274.9130972747803,131.84509274902342,270.32009727478027L131.84509274902342,78.87509727478027L106.60069274902344,111.42229727478028L106.60069274902344,237.87509727478027Z" fill="url(#master_svg1_132_13164)" fill-opacity="1"/></g><g><path d="M11.93413257598877,119.65935601425171L27.99673257598877,139.7453560142517L122.89613257598877,21.075056014251707C126.34513257598877,16.76205601425171,125.58913257598877,10.51394601425171,121.20713257598877,7.119476014251709L117.23913257598878,4.046346014251709C112.85713257598877,0.651866014251709,106.50813257598877,1.396464014251709,103.05913257598877,5.709446014251709L11.93413257598877,119.65935601425171Z" fill="url(#master_svg2_132_13158)" fill-opacity="1"/></g></g><g transform="matrix(-1,0,0,-1,568,564.165283203125)"><g><path d="M397.74296948242187,340.8867416015625L341.7071694824219,412.5876416015625C338.92756948242186,416.1446416015625,338.9143694824219,421.09364160156247,341.6749694824219,424.6646416015625L345.32616948242185,429.3876416015625C349.3680694824219,434.6156416015625,357.3604694824219,434.61464160156254,361.4006694824219,429.3846416015625L390.6009694824219,391.5876416015625L390.6009694824219,460.8106416015625C390.6009694824219,479.6786416015625,366.39176948242186,487.9296416015625,354.5351694824219,473.10364160156246L311.99666948242185,419.9106416015625L406.8959694824219,301.2403416015625C410.3459694824219,296.9273416015625,409.5889694824219,290.6792316015625,405.20696948242187,287.2847516015625L401.2389694824219,284.2116316015625C396.85696948242185,280.8171516015625,390.50796948242186,281.5617496015625,387.05896948242184,285.8747316015625L287.2441794824219,410.6906416015625Q283.99996948242233,414.74764160156246,283.99996948242233,419.9106416015625Q283.9999682786719,425.0726416015625,287.2441794824219,429.1296416015625L391.0499694824219,558.9366416015625Q393.9359694824219,562.5456416015625,398.4299694824219,563.7056416015625Q402.5089694824219,564.7586416015624,406.5039694824219,563.3976416015626Q410.4999694824219,562.0356416015625,413.0429694824219,558.7256416015625Q415.8449694824219,555.0776416015625,415.8449694824219,550.4856416015625L415.8449694824219,346.94554160156247C415.8449694824219,337.4561416015625,403.6219694824219,333.3648416015625,397.74296948242187,340.8867416015625Z" fill-rule="evenodd" fill="url(#master_svg3_132_14394)" fill-opacity="1"/></g><g><path d="M390.6006622314453,518.0403900146484C390.6006622314453,518.1483900146484,390.6012575424453,518.2563900146484,390.60244814144534,518.3643900146485L391.0501222314453,558.9363900146484Q393.9363922314453,562.5453900146484,398.4303622314453,563.7063900146484Q402.5092622314453,564.7593900146485,406.5043622314453,563.3973900146484Q410.49956223144534,562.0353900146484,413.0428622314453,558.7253900146484Q415.8450622314453,555.0783900146484,415.8450622314453,550.4853900146484L415.8450622314453,359.04039001464844L390.6006622314453,391.5875900146484L390.6006622314453,518.0403900146484Z" fill="url(#master_svg4_132_18996)" fill-opacity="1"/></g><g><path d="M295.93410205841064,399.8246487541199L311.9967020584106,419.91064875411985L406.89610205841063,301.24034875411985C410.34510205841065,296.92734875411986,409.5891020584106,290.67923875411987,405.20710205841067,287.28476875411985L401.23910205841065,284.21163875411986C396.85710205841065,280.8171587541199,390.50810205841066,281.56175675411987,387.05910205841064,285.87473875411985L295.93410205841064,399.8246487541199Z" fill="url(#master_svg5_132_22620)" fill-opacity="1"/></g></g></g></svg>
  #   title: Alova.js
  #   details: 轻量级请求库，一行代码完成各种复杂场景的网络请求。
  #   linkText: 进入 Alova官网
  #   link: https://alova.js.org/zh-CN
  # - icon: <svg xmlns="http://www.w3.org/2000/svg" width="30" viewBox="0 0 256 256.32"><defs><linearGradient id="a" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"/><stop offset="100%" stop-color="#BD34FE"/></linearGradient><linearGradient id="b" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"/><stop offset="8.333%" stop-color="#FFDD35"/><stop offset="100%" stop-color="#FFA800"/></linearGradient></defs><path fill="url(#a)" d="M255.153 37.938 134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"/><path fill="url(#b)" d="M185.432.063 96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028 72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"/></svg>
  #   title: 享受 Vite 无可比拟的体验
  #   details: 服务器即时启动，闪电般的热更新，还可以使用基于 Vite 生态的插件。
  # - icon: <svg xmlns="http://www.w3.org/2000/svg" width="30" viewBox="0 0 256 220.8"><path fill="#41B883" d="M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0h47.36Z"/><path fill="#41B883" d="m0 0 128 220.8L256 0h-51.2L128 132.48 50.56 0H0Z"/><path fill="#35495E" d="M50.56 0 128 133.12 204.8 0h-47.36L128 51.2 97.92 0H50.56Z"/></svg>

  - icon: 🦾
    title: 精心配置的代码规范
    details: TypeScript + Prettier + ESLint + Stylelint + husky + lint-staged + commitlint 配置规范

  - icon: 🎉
    title: 一切为开发者考虑
    details: 项目积极维护，打造最好用的 uniapp 开发框架
---

<div class='busuanzi_container'>
  <span id="busuanzi_container_site_pv">
  本站总访问量<span id="busuanzi_value_site_pv"></span>次
  </span>
  <span id="busuanzi_container_site_uv">
  本站总访客数<span id="busuanzi_value_site_uv"></span>人
  </span>
  <span id="busuanzi_container_page_pv">
  本文总阅读量<span id="busuanzi_value_page_pv"></span>次
  </span>
</div>
<div class="icp_container">
<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2024160998号</a>
</div>