{"repo":"lexmin0412/taro3-react-template","free":true,"listed":false,"github":"https://github.com/lexmin0412/taro3-react-template","clone":"git clone https://github.com/lexmin0412/taro3-react-template.git","description":"基于 Taro3 + React Hooks + TypeScript + Scss 的开箱即用的多端项目模版，预置 eslint + stylelint + prettier + commitlint + editorConfig 的代码规范体系，封装自定义 tabbar、自定义导航栏等必备组件，一键生成页面/组件/service文件模版，一键启动小程序调试，更多功能持续迭代中...","language":"TypeScript","stars":128,"topics":["taro","taro-template","project-template","react","template","custom-tabbar","typescript","scss","react-hooks","taro3"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"taro3-react-template 基于 Taro3 + React 的开箱即用多端项目模板。 相关仓库 - taro2-template - 基于 Taro2 的项目模板。 Repo Activity 技术栈 - Taro - React Hooks - TypeScript - NutUI - SCSS 运行环境 - Node 16+ - Pnpm 8+ 适配平台 - [x] H5 - [x] 微信小程序 由于部分平台的小程序注册门槛较高，如抖音、京东等平台均无法通过个人开发者身份注册，目前此模板只在 h5 / 微信小程序端经过验证。 开始 基于 上述原因, 此模板只提供了 H5/微信小程序的调试/构建命令。 本地开发 环境变量构建 在根目录新建 .env 文件，写入环境变量 启动调试 构建产物 支持特性 - 🏠 基于 Taro3 - 📦 支持 React - 🐑 CSS 预处理器( SCSS ) - 🥣 完全使用 TypeScript 开发 - 🔛 企业级的 request 类及拦截器封装 - 👮 eslint + stylelint + markdownlint + prettier + commitlint + editorConfig 实现的全方位代码规范体系 - 🔥 自定义 tabbar - 🌩️ 使用多核心及缓存提升编译速度 - 💰 更多特性持续迭代中... 目录结构 说明：与一般的项目结构划分不同，这里将所有静态资源、公用组件、状态管理等功能统一放到了 src/shared 目录下，而将页面目录直接平铺到了 src 目录，是出于以下原因： - 在 src 下直接按照模块组织能够更直观地展示整个系统的业务组成及模块划分 - 没有规范限制页面文件一定要放在 src/pages 目录下，在遵循小程序规范设计配置文件的大前提下，它只会带来书写的负担 - 一个文件，它要么是全局共享，要么是专为某个页面（模块）服务， {shared, xxx, yyy, zzz} 的目录结构会促使我在新增一个文件时更加谨慎地考虑它的作用范围 当然，这纯属主观偏好，如果你想将页面文件放在 pages 目录下，那也无妨。 Star History","default_branch":null,"files":null,"tree":[],"storefront":"/r/lexmin0412","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lexmin0412/taro3-react-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}