微信开发小程序Taro框架

Taro 

A. Taro 是干什么的，

    多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信/百度/字节跳动/支付宝/QQ小程序、快应用、H5、React Native 等平台的应用。

B  如何实现实现多平台的实现的应用？

    https://nervjs.github.io/taro/docs/GETTING-STARTED.html#%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F（官网）

   eg：选择支付宝小程序模式，需要自行下载并打开支付宝小程序开发者工具，然后在项目编译完后选择项目根目录下 dist 目录进行预览。

 

 

http://www.wxsell.com/web/index.php?c=article&a=news-show&do=detail&id=99961661（参考网站 写的老好了）

 

 

 

C taro 语法：

   官方：Taro 是一套遵循 React 语法规范的 多端开发 解决方案（就是必须会react）

D:Taro UI

一款基于 Taro 框架开发的多端 UI 组件库

https://taro-ui.jd.com/#/（ui官网）

 

一、搭建taro 开发环境

1 taro是基于node的环境的 node 环境（>=8.0.0）

2、# 使用 npm 安装 CLI

     $ npm install -g @tarojs/cli

    需要安装某个固定版本，或者回到某个版本，例如我们要安装 1.3.9

    $ npm install -g @tarojs/cli@1.3.9

3  使用命令创建模板项目

   创建 $ taro init myApp

   按照步骤确定 ，进入到新建的文件夹中npm install 安装包

（注意安装权限，全局sudo  执行命令）

4、值得一提再提的是，如果安装过程出现sass相关的安装错误，请在安装mirror-config-china后重试。

     npm install -g mirror-config-china

目前的代码结构

5 微信小程序端运行

$ npm run dev:weapp

 

二、Taro 的路由设置

1、在src中添加page 页的信息

2。在config 里page里添加

 

 

 

 

（跳转路由的参数获取this.$router.params）

三、支付功能：