Taro入坑（一）

前沿

taro 是由京东·凹凸实验室(aotu.io)倾力打造的一款多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5、React Native 等的应用

安装

全局安装npm install -g @tarojs/cli或者yarn global add @tarojs/cli
之后我们需要初始化一个项目taro init myApp

demo1.jpeg

等待所有依赖安装完毕之后，就可以开始我们的踩坑记录啦。

开发

taro现在支持微信小程序，百度小程序，支付宝小程序，h5，React Native
进入我们的项目之后执行

npm run dev:weapp

打开的我们的微信小程序编辑器打开这个项目

我们可以看到这个界面

image.png

接下来，我们看下我们init出来的项目结构

image.png

我们现在看下解读一些重要的文件

app.js

image.png

这个app.js中的一段config代码。
我们可以看到这段代码，和我们用微信小程序自动生成代码中app.json得代码非常相似。没错，他们的功能也是一样的，设置小程序中所载入的页面，设置背景颜色，设置导航条等，都是在这里设置的。

index.js

image.png

这是index.js中的代码，因为taro是支持用 React 的开发方式编写得。所以代码几乎与react代码一致。只有在需要引入react得时候改动成Taro即可。

当然Taro也有自己对应的一些组件。
这些组件我会在下一章去慢慢解读。

谢谢大家观看，第一次写文章，希望大家多多支持。