【小程序商城实战-Taro3开发-课程3】taro项目结构

jameshi

于 2021-04-12 14:57:08 发布

阅读量890

点赞数

分类专栏： taro

本文链接：https://blog.csdn.net/knight86/article/details/115621489

版权

本文详细介绍了使用 Taro 框架进行小程序开发时的目录结构，包括 Babel 和 ESLint 配置、小程序项目配置、源码组织方式等。同时，重点探讨了入口组件和页面组件的生命周期，包括 onLaunch、onShow、onHide 等关键方法，并提供了在 Vue 中如何实现和测试这些生命周期的方法。此外，还提及了 ESLint 的作用和 Vue 3.0 的新增生命周期钩子 setup 函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、目录结构

参考Taro渐进式入门教程

├── babel.config.js             # Babel 配置
├── .eslintrc.js                # ESLint 配置
├── config                      # 编译配置目录
│   ├── dev.js                  # 开发模式配置
│   ├── index.js                # 默认配置
│   └── prod.js                 # 生产模式配置
├── package.json                # Node.js manifest
├── dist                        # 打包目录
├── project.config.json         # 小程序项目配置
├── src # 源码目录
│   ├── app.config.js           # 全局配置
│   ├── app.css                 # 全局 CSS
│   ├── app.js                  # 入口组件
│   ├── index.html              # H5 入口 HTML
│   └── pages                   # 页面组件
│       └── index
│           ├── index.config.js # 页面配置
│           ├── index.css       # 页面 CSS
│           └── index.jsx       # 页面组件，如果是 Vue 项目，此文件为 index.vue