create-kk-uniapp

create-kk-uniapp

快速创建 UniApp 项目脚手架工具

✨ 特性

• TypeScript - 默认启用 TypeScript
• 代码质量工具 - 可选的 ESLint、Prettier、StyleLint
• 原子化 CSS - 可选的 UnoCSS
• 组件库选择 - uview-pro、uview-plus 或不使用
• 完整工具链 - Pinia 状态管理、HTTP 请求封装、多端支持

快速开始

# 使用 pnpm (推荐)
pnpm create kk-uniapp@latest my-app

# 或使用 npm
npm create kk-uniapp@latest my-app

# 或使用 yarn
yarn create kk-uniapp my-app

使用说明

交互式模式

运行命令后根据提示选择配置:

• 是否添加 ESLint
• 是否添加 Prettier
• 是否添加 StyleLint
• 是否添加 UnoCSS
• 选择组件库

命令行参数模式

# 完整配置
pnpm create kk-uniapp@latest my-app -- -e -p -s -u -c uview-pro

# 最小配置
pnpm create kk-uniapp@latest my-app -- -c none

可用参数

项目结构

my-app/
├── src/
│   ├── components/      # 公共组件
│   ├── pages/          # 页面文件
│   ├── static/         # 静态资源
│   ├── stores/         # Pinia 状态管理
│   ├── styles/         # 全局样式
│   ├── types/          # TypeScript 类型
│   ├── utils/          # 工具函数
│   ├── App.vue         # 根组件
│   └── main.ts         # 入口文件
├── package.json
├── vite.config.ts
└── tsconfig.json

开发命令

# 安装依赖
pnpm install

# 开发
pnpm run dev              # H5 开发
pnpm run dev:mp-weixin    # 微信小程序开发

# 构建
pnpm run build            # H5 构建
pnpm run build:mp-weixin  # 微信小程序构建

# 代码质量 (如果启用)
pnpm run lint             # ESLint
pnpm run lint:style       # StyleLint
pnpm run format           # Prettier

内置功能

• ✅ Vue 3 + Composition API
• ✅ TypeScript 类型系统
• ✅ Pinia 状态管理 (带持久化)
• ✅ HTTP 请求封装 (拦截器、Token 自动注入)
• ✅ 多端支持 (H5、小程序、App)
• ✅ SCSS 样式预处理

📄 许可证

MIT License