第一个微信小程序 Taro + React

目录

  • 1、新建一个taro项目
  • 2、安装微信开发者工具
  • 3、导入项目
  • 4、自定页面

1、新建一个taro项目

新建一个文件夹,在该文件夹下打开cmd,执行命令

npm install -g @tarojs/cli

然后新建一个taro项目

taro init myapp

基本上一路回车就可以,可参考下面的选项
第一个微信小程序 Taro + React_第1张图片

打开idea,open该项目
安装依赖

npm install

运行小程序

npm run dev:weapp

2、安装微信开发者工具

链接直达 直接先下载最新版
第一个微信小程序 Taro + React_第2张图片

去申请一个测试号链接直达
第一个微信小程序 Taro + React_第3张图片
用自己的微信扫一扫就可以申请成功

3、导入项目

在微信开发者工具中导入项目,选择注册号
第一个微信小程序 Taro + React_第4张图片
点击确定导入项目

在idea中index.jsx中修改代码,在模拟器中会有即时的变化

第一个微信小程序 Taro + React_第5张图片

把模拟器分离出来,并且固定
第一个微信小程序 Taro + React_第6张图片
第一个微信小程序 Taro + React_第7张图片

4、自定页面

导入taro-ui(最新版)

npm install taro-ui

但是好像最新版总出现这样子的报错,不过不影响运行
第一个微信小程序 Taro + React_第8张图片

Taro-UI官方文档
在pages中可以自定页面

但是需要在app.config.js中设置页面。

你可能感兴趣的:(java学习,微信小程序,taro,react.js)