0%

Taro学习-开发环境初始化

学习了下Taro框架来开发小程序,就使用情况做个记录。

简介

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。

现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等)运行的代码。

准备

挑选你顺手的JS编辑器,我用的webstorm,对react支持比较好。

下面的你还需要:

微信开发者工具

node

安装

cnpm

1
npm --registry https://registry.npm.taobao.org install -g cnpm

taro

script
1
2
npm install -g mirror-config-china
cnpm install -g @tarojs/cli

初始化项目

script
1
taro init myApp

会自动安装依赖,如果失败,自己手动进入根目录安装下。

script
1
2
cd myApp
cnpm install

启动项目

此时的项目已经可以启动看到效果了,以微信小程序为例

script
1
taro build --type weapp --watch