Uniapp Tailwind Uview Starter

Overview:

The uniapp-tailwind-uview-starter is a basic template built using uniapp + tailwindcss 3.x + uview 1.x. It also integrates miniprogram-ci for automated build and upload of WeChat mini programs. This template incorporates the use of tailwindcss and flex layout for css styling and utilizes miniprogram-ci integration for seamless deployment through GitHub Actions. The template includes basic list and form demos with a unified request API handling, as well as enumeration and regex validation.

Features:

• Integrated mini program-ci: Enables automatic build and upload of WeChat mini programs through GitHub Actions.
• Tailwindcss and flex layout: Utilizes tailwindcss and flex layout for flexible and efficient css styling.
• Basic list and form demos: Includes pre-built list and form demos for quick implementation.

Installation:

To install the uniapp-tailwind-uview-starter, follow these steps:

1. Run the command yarn or npm i in the command line to install the necessary dependencies.
2. (Optional) Configure the necessary secret for automatic build and deployment in the release.yml file. Please refer to the documentation for more details.
3. Start HBuilderX and either click on the run button or select the desired platform for deployment.
4. (Alternatively) Start Webstorm or VS Code and open the project. For WeChat mini program, open the mp-weixin folder under /dist/dev and select Build. For deployment, open the mp-weixin folder under /dist/build and select Build.
5. (Optional) Alternatively, set up GitHub Actions for automatic deployment. This requires configuring secrets in GitHub. Please refer to the documentation for detailed instructions.

Summary:

The uniapp-tailwind-uview-starter is a versatile template that combines the strengths of uniapp, tailwindcss, and uview to provide a comprehensive foundation for building WeChat mini programs. It offers a simple installation process and includes features such as automated build and deployment, flex layout, and pre-built list and form demos. With the recent upgrade to tailwindcss 3.x and the introduction of JIT mode, the template provides even more flexibility and ease of use for developers.