微信开发小程序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

三、支付功能:

 

原文地址:https://www.cnblogs.com/xiaoeshuang/p/11302730.html