comList

基于 Taro + Vue3 + NutUI 的小程序项目模板

技术栈

• 框架: Taro 4.1.6
• UI 框架: Vue 3.3.0
• 组件库: NutUI Taro 4.2.8
• 构建工具: Vite 4.2.0
• CSS 预处理器: Less 4.1.3

项目结构

comList/
├── config/          # 构建配置文件
│   ├── dev.js       # 开发环境配置
│   ├── prod.js      # 生产环境配置
│   └── index.js     # 主配置文件
├── src/             # 源代码目录
│   ├── api/         # API 接口
│   ├── assets/      # 静态资源
│   ├── components/  # 组件
│   ├── pages/       # 页面
│   │   └── index/   # 首页
│   ├── utils/       # 工具函数
│   ├── app.js       # 应用入口
│   ├── app.config.js # 应用配置
│   ├── app.less     # 全局样式
│   └── index.html   # H5 入口文件
├── babel.config.js  # Babel 配置
├── package.json     # 项目依赖
└── project.config.json # 小程序项目配置

开发

安装依赖

npm install

开发小程序

npm run dev:weapp

构建小程序

npm run build:weapp

支持的平台

• 微信小程序 (weapp)
• 支付宝小程序 (alipay)
• 百度小程序 (swan)
• 字节跳动小程序 (tt)
• QQ 小程序 (qq)
• H5 (h5)
• React Native (rn)
• 快应用 (quickapp)

开始使用

1. 安装依赖: npm install
2. 启动开发: npm run dev:weapp
3. 使用微信开发者工具打开 dist 目录