4.8 KiB

Raw Blame History

CLI & Templates

Through this section, you can learn how to use the 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 to create projects, which supports one-click creation of basic projects integrated with Wot UI. Use the following command:

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.

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-starter

🍀 wot-starter is a uni-app quick-start project based on 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 to create a project. Open the terminal and use the following command:

pnpm create uni <project-name> -t wot-starter

Open the project folder in VS Code:

code <project-name>

Install dependencies:

pnpm install

Run the project:

pnpm dev

vitesse-uni-app

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 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-starter		🍀 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		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		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		A practical-first uni-app starter template.
uni-plus		A "super super super" useful uniapp development template.
uniez-template		A uniapp template that prioritizes "functionality" and "development experience".
snail-uni		A UniApp framework template built specifically for developers.

4.8 KiB Raw Blame History