Skip to content

这是一个taro的模板库,集成了eslint+prettier+axios+redux+taro-hooks+taildwindcss

License

Notifications You must be signed in to change notification settings

GarlandQian/taro-templete-all-in-one

Repository files navigation

请将下面的内容复制到一个新的文件中,并保存为 README.md 文件,这样就可以直接使用了:


Taro 模板项目

License: MIT GitHub stars

项目简介

这是一个基于 Taro 的模板项目,内置了一整套开发工具和最佳实践,集成了以下技术:

  • ESLint + Prettier:保持代码风格统一、规范。
  • Axios:方便的 HTTP 请求工具。
  • Redux:全局状态管理方案。
  • Taro Hooks:简化 Taro 开发中的 Hooks 使用。
  • TailwindCSS:高效的 UI 样式工具。

该模板适用于快速搭建多端应用,帮助你节省重复配置的时间,让你专注于业务逻辑的开发。

特性

  • 多端支持:基于 Taro,轻松构建微信小程序、H5、React Native 等应用。
  • 代码规范:内置 ESLint 和 Prettier,确保代码质量与风格一致。
  • 高效网络请求:通过 Axios 简化数据请求与错误处理。
  • 状态管理:集成 Redux,轻松管理应用状态。
  • Hooks 优化:采用 Taro Hooks,简化生命周期和副作用管理。
  • 现代化 UI:使用 TailwindCSS 快速构建响应式界面。

快速开始

1. 克隆仓库

git clone https://github.com/GarlandQian/taro-templete-all-in-one.git
cd yourrepo

2. 安装依赖

建议使用pnpm 安装依赖:

pnpm install

3. 启动开发环境

npm run dev:weapp

或者使用其他平台启动命令,如:

npm run dev:h5

根据需要选择对应平台进行开发调试。

项目结构

yourrepo/
├── config/           # Taro 配置文件
├── src/              # 源代码目录
│   ├── assets/       # 静态资源
│   ├── components/   # 通用组件
│   ├── pages/        # 页面目录
│   ├── store/        # Redux 相关文件
|   ├── sub-package/  # 分包目录
│   └── utils/        # 工具函数与 Axios 配置
├── .eslintrc         # ESLint 配置
├── .prettierrc       # Prettier 配置
├── tailwind.config.js# TailwindCSS 配置
└── package.json      # 项目信息及依赖

使用说明

  • ESLint & Prettier:请确保你的编辑器安装了相应插件,保存时会自动格式化代码,确保代码风格一致。
  • Axios:在 src/utils/request.ts 中配置全局请求拦截器和错误处理,方便进行二次封装。
  • Redux & Taro Hooks:结合 Taro Hooks 使用 Redux,使状态管理更简洁。具体实现请参见 src/store 目录。
  • TailwindCSS:按照 TailwindCSS 文档,在组件中直接使用类名快速构建 UI。

推广与贡献

如果你觉得这个模板对你有帮助,欢迎:

  • Star & Fork 这个仓库。
  • 分享给更多 Taro 开发者,帮助大家快速搭建项目。
  • 提交 Issue 或 Pull Request,共同改进这个项目。

社区交流

欢迎加入相关技术交流群或在 GitHub Issue 中讨论,共同提高项目质量。

License

本项目基于 MIT License 开源协议,欢迎大家使用和贡献代码。

About

这是一个taro的模板库,集成了eslint+prettier+axios+redux+taro-hooks+taildwindcss

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published