微信小程序Taro + React开发实践

本文介绍了使用Taro框架结合React进行微信小程序开发的实践,包括项目的初始化、编译配置、项目配置、开发过程中的Taro hooks、路由管理和常见问题。在开发过程中,作者遇到并解决了如编译错误、路由配置、获取小程序DOM等问题,同时分享了微信获取手机号注册功能的实现和开发经验。
摘要由CSDN通过智能技术生成

微信小程序Taro + React开发实践

微信小程序原生开发有一套自己的规范和写法,开发体验十分类似Vue,但如果你想减少学习成本,那么Taro框架是一个在此基础上又封装了一层的轮子,从社区热度到开发体验上都十分优秀,支持React/Vue等框架来开发微信/支付宝等小程序,非常值得一试。

初始化

安装@tarojs/cli

$ npm install -g @tarojs/cli

$ yarn global add @tarojs/cli

$ cnpm install -g @tarojs/cli

安装成功可以查看Taro版本信息

npm info @tarojs/cli

初始化项目, 选择一个React mobx模板

taro init taro_project_test

在这里插入图片描述

编译

使用npm 命令编译运行,发生了一个小插曲竟然提示Error:Cannot find module ‘autoprefixer’, 怀疑taro cli初始化项目时安装依赖有问题。
在这里插入图片描述

那就重新安装一下依赖,再编译即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值