微信开发小程序Taro框架
<style>p.p1 { margin: 0; font: 12px "Helvetica Neue" }p.p2 { margin: 0; font: 12px ".PingFang SC" }
p.p3 { margin: 0; font: 12px "Helvetica Neue"; color: rgba(220, 161, 13, 1) }
p.p4 { margin: 0; font: 12px "Helvetica Neue"; min-height: 14px }
span.s1 { font: 12px ".PingFang SC" }
span.s2 { font: 12px "Helvetica Neue" }
span.s3 { text-decoration: underline; color: rgba(0, 0, 0, 1) }
span.s4 { text-decoration: underline }
span.s5 { font: 12px ".PingFang SC"; text-decoration: underline; color: rgba(0, 0, 0, 1) }
span.s6 { color: rgba(220, 161, 13, 1) }
span.s7 { font: 12px "Helvetica Neue"; color: rgba(220, 161, 13, 1) }</style>
<p class="p1">Taro<span class="Apple-converted-space"> </span></p>
<p class="p1">A. Taro <span class="s1">是干什么的，</span></p>
<p class="p2"><span class="s2"><span class="Apple-converted-space"> 多端统一开发框架，支持用<span class="s2"> React 的开发方式编写一次代码，生成能运行在微信<span class="s2">/百度<span class="s2">/字节跳动<span class="s2">/支付宝<span class="s2">/QQ小程序、快应用、<span class="s2">H5、<span class="s2">React Native 等平台的应用。</span></span></span></span></span></span></span></span></span></p>
<p class="p2"><span class="s2">B<span class="Apple-converted-space"> 如何实现实现多平台的实现的应用？</span></span></p>
<p class="p3"><span class="s3"><span class="Apple-converted-space"> <span class="s4">https://nervjs.github.io/taro/docs/GETTING-STARTED.html#%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F</span><span class="s5">（官网）</span></span></span></p>
<p class="p2"><span class="s2"><span class="Apple-converted-space"> eg：选择支付宝小程序模式，需要自行下载并打开<span class="s6">支付宝小程序开发者工具</span>，然后在项目编译完后选择项目根目录下<span class="s2"> dist 目录进行预览。</span></span></span></p>
<p class="p4"> <img src="https://img2018.cnblogs.com/blog/1749345/201908/1749345-20190812170652553-2066688051.png"></p>
<p> </p>
<p class="p3"><span class="s4">http://www.wxsell.com/web/index.php?c=article&a=news-show&do=detail&id=99961661<span class="s5">（参考网站<span class="s3"> <span class="s5">写的老好了）</span></span></span></span></p>
<p class="p4"> </p>
<p class="p4"> <img src="https://img2018.cnblogs.com/blog/1749345/201908/1749345-20190812170725950-658598414.png"></p>
<p> </p>
<p class="p1">C taro <span class="s1">语法：</span></p>
<p class="p2"><span class="s2"><span class="Apple-converted-space"> 官方：<span class="s2"><strong>Taro</strong> 是一套遵循<span class="s2"> <span class="s6">React</span> 语法规范的<span class="s2"> 多端开发<span class="s2"> 解决方案（就是必须会<span class="s2">react）</span></span></span></span></span></span></span></p>
<p class="p1">D:<strong>Taro UI</strong></p>
<p class="p2">一款基于<span class="s2"> Taro 框架开发的多端<span class="s2"> UI 组件库</span></span></p>
<p class="p3"><span class="s4">https://taro-ui.jd.com/#/<span class="s5">（<span class="s3">ui<span class="s5">官网）</span></span></span></span></p>
<p class="p4"> </p>
<p class="p2">一、搭建<span class="s2">taro 开发环境</span></p>
<p class="p1">1 taro<span class="s1">是基于node<span class="s1">的环境的 node <span class="s1">环境（>=8.0.0<span class="s1">）</span></span></span></span></p>
<p class="p1">2<span class="s1">、# <span class="s1">使用 npm <span class="s1">安装 CLI</span></span></span></p>
<p class="p1"><span class="Apple-converted-space"> $ npm install -g @tarojs/cli</span></p>
<p class="p2"><span class="s2"><span class="Apple-converted-space"> 需要安装某个固定版本，或者回到某个版本，例如我们要安装<span class="s2"> 1.3.9</span></span></span></p>
<p class="p1"><span class="Apple-converted-space"> $ npm install -g @tarojs/cli@1.3.9</span></p>
<p class="p2"><span class="s2">3<span class="Apple-converted-space"> 使用命令创建模板项目</span></span></p>
<p class="p1"><span class="Apple-converted-space"> <span class="s1">创建 $ taro init myApp</span></span></p>
<p class="p2"><span class="s2"><span class="Apple-converted-space"> 按照步骤确定<span class="s2"> ，进入到新建的文件夹中<span class="s2">npm install 安装包</span></span></span></span></p>
<p class="p2">（注意安装权限，全局<span class="s2">sudo<span class="Apple-converted-space"> 执行命令）</span></span></p>
<p class="p2"><span class="s2">4、值得一提再提的是，如果安装过程出现<span class="s2">sass相关的安装错误，请在安装<span class="s7">mirror-config-china</span>后重试。</span></span></p>
<p class="p1"><span class="Apple-converted-space"> npm install -g mirror-config-china</span></p>
<p class="p2">目前的代码结构</p>
<p class="p2"><span class="s2">5 微信小程序端运行</span></p>
<p class="p1">$ npm run dev:weapp</p>
<p class="p4"> </p>
<p class="p2">二、<span class="s2">Taro 的路由设置</span></p>
<p class="p1">1<span class="s1">、在src<span class="s1">中添加page <span class="s1">页的信息</span></span></span></p>
<p class="p1">2<span class="s1">。在config <span class="s1">里page<span class="s1">里添加</span></span></span></p>
<p class="p4"> <img src="https://img2018.cnblogs.com/blog/1749345/201908/1749345-20190812170757433-1301547153.png"></p>
<p> </p>
<p class="p4"><img src="https://img2018.cnblogs.com/blog/1749345/201908/1749345-20190812170814083-395825964.png"></p>
<p> </p>
<p class="p4"> </p>
<p class="p1"><span class="s1">（跳转路由的参数获取this.$router.params<span class="s1">）</span></span></p>
<p class="p2">三、支付功能：</p>
<p class="p4"> </p><br><br>
来源：https://www.cnblogs.com/xiaoeshuang/p/11302730.html
頁:
[1]