# uniapp-tailwindcss-uview

**Repository Path**: classshome/uniapp-tailwindcss-uview

## Basic Information

- **Project Name**: uniapp-tailwindcss-uview
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-04-03
- **Last Updated**: 2025-04-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uniapp + vite + vue3 + ts +pinia + tailwindcss 基础框架

## 简介

- **uni-app Vue3 Vite4 pinia2 TypeScript Tailwindcss 基础框架**
- cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,最好使用 vscode 开发,请直接访问 [开源地址](https://gitee.com/linhanlove/atom/tree/master)

### 说明

- 框架完全基于 Vue3 `<script setup>` 写法,不支持 Vue2;
- 可用于学习与交流;
- 如发现问题或建议可在评论区留言, 看到会及时处理;
- 如有需求亦可在评论区留言,或在此项目基础上增加;

## 特性

- **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
  **uview-plus**:
  [uview-plus](https://uiadmin.net/uview-plus/components/intro.html) 一个基于 Vue.js 与 uni-app 的 UI 库，允许你制作漂亮的小程序
- **Tailwind CSS**:
  [Tailwind CSS](https://www.tailwindcss.cn/docs/installation) 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。
- **支持按需引入**:
  利用 unplugin-vue-components 实现按需引入组件, 减少打包体积;

## 安装使用

- 安装依赖

```bash
pnpm i
```

- 运行

```bash
# 其他端请查看 package.json script
pnpm dev:mp-weixin
```

- 打包

```bash
# 其他端请查看 package.json script
pnpm build:mp-weixin
```