前言

第二天Taro文档通读，页面创建，以及部分api的一个实践

创建页面

创建页面，我们当然可以手动创建。但是现在Taro提供一个命令可以帮助我们快速的在pages下面创建一个页面

taro create --name [文件夹的名字]

目录理解

│  .eslintrc Eslint配置
│  .gitignore 
│  babel.config.js Babel配置
│  package.json
│  pnpm-lock.yaml pnpm配置
│  project.config.json 配置开发者工具
│  project.private.config.json
│  project.tt.json 字节跳动小程序项目配置（toutiao）
│  tsconfig.json  ts配置文件
├─dist 编译输出目录
├─config
│      dev.js 开发配置文件
│      index.js 配置文件入口
│      prod.js 生产配置文件                  
├─src
│  │  app.config.ts //小程序全局配置文件：配置页面路由:pages；配置底部导航栏:tabBar，配置全局头部样式：window
│  │  app.scss //小程序全局样式
│  │  app.ts // 小程序主ts
│  │  index.html // 主入口
│  │  
│  └─pages 小程序页面文件
│      ├─cart
│      │      index.config.ts
│      │      index.scss
│      │      index.tsx
│      │      
│      ├─index
│      │      index.config.ts
│      │      index.scss
│      │      index.tsx
│      │      
│      └─mine
│              index.config.ts
│              index.scss
│              index.tsx
│              
└─types
        global.d.ts
        

文件配置

跟uni-app 不同的一点：不同的小程序 有自己对应的文件，uni-app是全部集合在一个文件

页面书写

根据官网上Taro-React 规范：

所以页面中使用小程序原生的内置组件也必须要做引入（确实跟vue不一样） 如果不引入就使用的话报错：

后记

接下来就是进入一系列的页面书写，没有可写的。第三篇预计会记录下react逻辑的写法，毕竟与vue还是不同的。

写这个小程序的主要目的是想要熟悉一下react的写法，taro的写法，练习一下nodejs连接数据库，与前端交互的操作。学习了那么多 要自己做个项目练练手。

不仅为了锻炼技能也为了工作、面试做准备

给自己加个油！！！奥利给