Taro
A. Taro 是干什么的,
多端統一開發框架,支持用 React 的開發方式編寫一次代碼,生成能運行在微信/百度/字節跳動/支付寶/QQ小程序、快應用、H5、React Native 等平台的應用。
B 如何實現實現多平台的實現的應用?
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)
三、支付功能: