docs: ✏️ 添加脚手架与模板的介绍

Author: Moonofweisheng

docs/.vitepress/locales/en-US.ts

@@ -24,6 +24,10 @@ export default defineConfig({
             text: 'Quick Start',
             link: '/en-US/guide/quick-use',
           },
+          {
+            text: 'CLI & Templates',
+            link: '/en-US/guide/cli-templates',
+          },
           {
             text: 'Custom Theme',
             link: '/en-US/guide/custom-theme',
@@ -98,6 +102,10 @@ export default defineConfig({
           text: 'Quick Start',
           link: '/en-US/guide/quick-use',
         },
+        {
+          text: 'CLI & Templates',
+          link: '/en-US/guide/cli-templates',
+        },
         {
           text: 'Custom Theme',
           link: '/en-US/guide/custom-theme',

docs/.vitepress/locales/zh-CN.ts

@@ -24,6 +24,10 @@ export default defineConfig({
             text: '快速上手',
             link: '/guide/quick-use',
           },
+          {
+            text: '脚手架与模板',
+            link: '/guide/cli-templates',
+          },
           {
             text: '定制主题',
             link: '/guide/custom-theme',
@@ -98,6 +102,10 @@ export default defineConfig({
           text: '快速上手',
           link: '/guide/quick-use',
         },
+        {
+          text: '脚手架与模板',
+          link: '/guide/cli-templates',
+        },
         {
           text: '定制主题',
           link: '/guide/custom-theme',

docs/en-US/guide/cli-templates.md

@@ -0,0 +1,76 @@
+# CLI & Templates
+
+Through this section, you can learn how to use the [create-uni](https://github.com/uni-helper/create-uni) CLI to quickly create a `uni-app` project integrated with `Wot UI`, as well as many quick-start projects that have already integrated `Wot UI`.
+
+## CLI
+
+We recommend using [create-uni](https://github.com/uni-helper/create-uni) to create projects, which supports one-click creation of basic projects integrated with Wot UI. Use the following command:
+
+```bash
+pnpm create uni <your-project-name> --ts -m pinia -u wot -e
+```
+
+This will complete the following tasks:
+
+- Create a TypeScript project
+- Integrate Pinia state management
+- Automatically configure WotUI component library
+- Add ESLint support
+
+For more information, please refer to [create-uni](https://github.com/uni-helper/create-uni).
+
+## Templates
+
+There are many excellent templates that have chosen Wot UI as their base component library. We've selected 3 templates to introduce here, and you can compare and choose for yourself.
+
+### wot-demo
+
+🍀 [wot-demo](https://github.com/Moonofweisheng/wot-demo) is a `uni-app` quick-start project based on [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) with deep integration of the `Wot UI` component library. It's maintained by the `Wot UI` team, saying goodbye to `HBuilderX` and embracing modern frontend development toolchains. If you're a loyal user of `Wot UI`, this template is perfect for you.
+
+You can also combine it with the CLI section [create-uni](https://github.com/uni-helper/create-uni) to create a project. Open the terminal and use the following command:
+
+```bash
+pnpm create uni <project-name> -t wot-demo
+```
+
+Open the project folder in VS Code:
+
+```bash
+code <project-name>
+```
+
+Install dependencies:
+
+```bash
+pnpm install
+```
+
+Run the project:
+
+```bash
+pnpm dev
+```
+
+### vitesse-uni-app
+
+[vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) is a cross-platform quick-start template powered by `Vite & uni-app`, backed by the `Uni Helper` team, saying goodbye to `HBuilderX` and embracing modern frontend development. Although it doesn't have deep integration with the Wot UI component library, it's an excellent clean template worth recommending.
+
+### unibest
+
+[unibest](https://github.com/unibest-tech/unibest) uses the latest frontend technology stack and doesn't need to rely on `HBuilderX`. It runs through command line, with `VSCode` as the recommended editor (or `webstorm`). It has built-in extensive basic functionality and provides numerous auxiliary features, giving you the `best` experience when writing `uniapp`, with optional `Wot UI` support.
+
+### More Templates
+
+Of course, there are more templates for you to choose from. You can compare and select a template you like from the following list.
+
+If you're developing a `uni-app` template integrated with `Wot UI`, you can send an email to `1780903673@qq.com` to contact me, and I'll add your template to this list as soon as possible.
+
+| Template | Stars | Description |
+|----------|-------|-------------|
+| [wot-demo](https://github.com/Moonofweisheng/wot-demo) | ![stars](https://img.shields.io/github/stars/Moonofweisheng/wot-demo) | 🍀 A uni-app quick-start project based on vitesse-uni-app with deep integration of Wot UI component library, maintained by the `Wot UI` team, saying goodbye to `HBuilderX` and embracing modern frontend development toolchains. |
+| [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) | ![stars](https://img.shields.io/github/stars/uni-helper/vitesse-uni-app) | A cross-platform quick-start template powered by Vite & uni-app, backed by the Uni Helper team, saying goodbye to HBuilderX and embracing modern frontend development. |
+| [unibest](https://github.com/unibest-tech/unibest) | ![stars](https://img.shields.io/github/stars/unibest-tech/unibest) | Uses the latest frontend technology stack, doesn't need to rely on `HBuilderX`, runs through command line, with built-in extensive basic functionality and auxiliary features, giving you the `best` experience when writing `uniapp`. |
+| [vite-uniapp-template](https://github.com/viarotel-org/vite-uniapp-template) | ![stars](https://img.shields.io/github/stars/viarotel-org/vite-uniapp-template) | A practical-first uni-app starter template. |
+| [uni-plus](https://github.com/DaMaiCoding/uni-plus) | ![stars](https://img.shields.io/github/stars/DaMaiCoding/uni-plus) | A "super super super" useful uniapp development template. |
+| [uniez-template](https://github.com/zhe-qi/uniez-template) | ![stars](https://img.shields.io/github/stars/zhe-qi/uniez-template) | A uniapp template that prioritizes "functionality" and "development experience". |
+| [snail-uni](https://github.com/hu-snail/snail-uni) | ![stars](https://img.shields.io/github/stars/hu-snail/snail-uni) | A UniApp framework template built specifically for developers. |

docs/en-US/guide/quick-use.md

@@ -196,4 +196,5 @@ You can also use [create-uni](https://github.com/uni-helper/create-uni) to quick
 
 ```bash
 pnpm create uni@latest -t wot-demo <your project name>
-```
+```
+For more scaffolding and templates, see [CLI & Templates](./cli-templates.html).

docs/guide/cli-templates.md

@@ -0,0 +1,78 @@
+# 脚手架与模板
+
+通过本章节你可以了解如何使用 [create-uni](https://github.com/uni-helper/create-uni) 脚手架快速创建集成了 `Wot UI` 的 `uni-app` 项目，以及很多已经集成了 `Wot UI` 的 `uni-app` 快速起手项目。
+
+## 脚手架
+
+我们推荐使用 [create-uni](https://github.com/uni-helper/create-uni) 创建项目，它支持一键创建集成 Wot UI 的基础项目。使用以下命令：
+
+```bash
+pnpm create uni <你的项目名称> --ts -m pinia -u wot -e
+```
+
+将会完成以下工作：
+
+- 创建一个 TypeScript 项目
+- 集成 Pinia 状态管理
+- 自动配置 WotUI 组件库
+- 添加 ESLint 支持
+
+更多信息请参见 [create-uni](https://github.com/uni-helper/create-uni)。
+
+## 模板
+
+有非常多的优秀模板选择了 Wot UI 作为基础组件库，我们选取其中的3个模板模板来介绍一番，大家可以自行对比、选择。
+
+### wot-demo
+
+🍀  [wot-demo](https://github.com/Moonofweisheng/wot-demo) 是一个基于 [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 深度整合 `Wot UI` 组件库的 `uni-app` 快速起手项目。它由 `Wot UI` 团队维护，告别 `HBuilderX` ，拥抱现代前端开发工具链。如果你是 `Wot UI` 的忠实用户，那么这个模板非常适合你。
+
+也可以结合脚手架章节 [create-uni](https://github.com/uni-helper/create-uni) 来创建项目，打开终端，然后使用以下命令：
+
+```bash
+pnpm create uni <project-name> -t wot-demo
+```
+
+在 VS Code 中打开项目文件夹：
+
+```bash
+code <project-name>
+```
+
+安装依赖：
+
+```bash
+pnpm install
+```
+
+运行项目：
+
+```bash
+pnpm dev
+```
+
+### vitesse-uni-app
+
+[vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) 由 `Vite & uni-app` 驱动的跨端快速启动模板，背靠 `Uni Helper` 团队，告别 `HBuilderX` ，拥抱现代前端开发。虽然没有深度整合 Wot UI 组件库，但是它是一个非常优秀的纯净模板，值得推荐。
+
+
+### unibest
+
+[unibest](https://github.com/unibest-tech/unibest) 使用了最新的前端技术栈，无需依靠 `HBuilderX`，通过命令行方式运行，编辑器推荐 `VSCode`，可选 `webstorm`）。内置大量基础功能，提供大量辅助功能，让你编写 `uniapp` 拥有 `best` 体验，可选择使用`Wot UI`。
+
+
+### 更多模板
+
+当然，还有更多的模板供你选择，你可以从以下列表中比较并选择一个你喜欢的模板来使用。
+
+如果你正在开发整合 `Wot UI` 的 `uni-app` 模板，那么可以发送邮件到 `1780903673@qq.com` 联系我，我会在第一时间将你的模板添加到这个列表中。
+
+| 模板 | Stars | 描述 |
+|------|-------|-------------|
+| [wot-demo](https://github.com/Moonofweisheng/wot-demo) | ![stars](https://img.shields.io/github/stars/Moonofweisheng/wot-demo) | 🍀 基于 vitesse-uni-app 深度整合 Wot UI 组件库的 uni-app 快速起手项目，它由 `Wot UI` 团队维护，告别 `HBuilderX` ，拥抱现代前端开发工具链。 |
+| [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) | ![stars](https://img.shields.io/github/stars/uni-helper/vitesse-uni-app) | 由 Vite & uni-app 驱动的跨端快速启动模板，背靠 Uni Helper 团队，告别 HBuilderX ，拥抱现代前端开发。 |
+| [unibest](https://github.com/unibest-tech/unibest) | ![stars](https://img.shields.io/github/stars/unibest-tech/unibest) | 使用了最新的前端技术栈，无需依靠 `HBuilderX`，通过命令行方式运行，内置大量基础功能，提供大量辅助功能，让你编写 `uniapp` 拥有 `best` 体验。 |
+| [vite-uniapp-template](https://github.com/viarotel-org/vite-uniapp-template) | ![stars](https://img.shields.io/github/stars/viarotel-org/vite-uniapp-template) | 以实用为先的 uni-app 起手模板。 |
+| [uni-plus](https://github.com/DaMaiCoding/uni-plus) | ![stars](https://img.shields.io/github/stars/DaMaiCoding/uni-plus) | 一个 “超超超” 好用的 uniapp 开发模板。 |
+| [uniez-template](https://github.com/zhe-qi/uniez-template) | ![stars](https://img.shields.io/github/stars/zhe-qi/uniez-template) | 一个“功能”和“开发体验”优先的 uniapp 模板。 |
+| [snail-uni](https://github.com/hu-snail/snail-uni) | ![stars](https://img.shields.io/github/stars/hu-snail/snail-uni) | 专为开发者打造的 UniApp 框架模板。 |

docs/guide/quick-use.md

@@ -197,3 +197,5 @@ cli 项目使用 `uni_modules` 安装无需配置，对 `Volar` 的支持自动
 ```bash
 pnpm create uni@latest -t wot-demo <你的项目名称>
 ```
+
+更多脚手架与模板，请参见[脚手架与模板](./​​cli-and-templates.html)。