Skip to content

react-native笔记(一):环境搭建

图片

本文介绍搭建本地安卓环境

前面下载配置环境变量就不讲了

按照官方文档操作即可

官方文档地址

https://www.react-native.cn/docs/next/environment-setup

先按照要求安装好node,jdk

以及安卓开发环境搭建

安装:Android Studio,sdk

最后配置好环境变量

现在默认上面已经配置好了

开始创建新项目

官方创建项目的命令

shell
npx react-native init AwesomeProject
npx react-native init AwesomeProject

但是我这边用这个命令一直报错

搞了半天没有找到原因

我改用另外一种方法,如果你创建成功了,就按照官方命令操作,如果没有成功,就试试我这一种方法

用脚手架工具创建新项目

全局安装react-native-cli工具

shell
npm install -g  react-native-cli
npm install -g  react-native-cli

然后创建新项目,用的react-native0.68.2版本,稳定无bug

shell
react-native init 项目名 --version 0.68.2
react-native init 项目名 --version 0.68.2

执行完以后

进入到项目根目录

真机测试,手机用数据线连接电脑

手机设置里开启开发者模式

然后打开usb调试

搞定之后,项目根目录下执行运行命令

shell
yarn android
yarn android

手机会出现弹框询问是否安装app,点击确定安装

安装成功后会自动加载运行app

app出现下图默认模板就是成功了

图片

本文到此结束。

反馈信息

INFO

邮箱: open_teams@163.com