react native windows环境搭建

react native windows环境搭建1、安装java(1.8版本以上)

命令查看版本号(java -version)
配置环境变量JAVA_HOME
2、安装android studio
配置环境变量ANDROID_HOME:
PATH里面添加环境变量 增加:安装目录\sdk\tools、增加:安装目录\sdk\platform-tools
3、设置SDK
打开Android SDK Manager
选中以下的选项
tools
>Android SDK Tools (24.3.4)
>Android SDK Platform-tools (23.0.1)
>Android SDK Build-tools (23.0.1)
Android 6.0(API 23)
>SDK Platform 23 1
>intel x86 Atom_64 System Image 23 3
>intel x86 Atom System Image 23 3
4、安装node(版本大于5.0)
命令查看node版本号(node -version)
命令查看npm版本号(npm -version)
更换淘宝镜像(npm install -g cnpm --registry=http://registry.npm.taobao.org)
5、安装git
配置环境变量PATH 添加:安装目录\安装文件名\bin
6、安装react-native命令行工具react-naive-cli
新建文件夹(尽量不在C盘)名暂定为react_native
进入这个文件夹 命令行:git clone https://github.com/facebook/react-native.git(时间会很慢)
成功后找到刚下载的文件夹。进入的react-native目录下的react-native-cli目录 命令:npm install -g
7、创建工程
进入你希望创建项目的目录后,输入react-native init XXX(项目名称),等待一段时间(较慢)
成功后会发现文件夹下多出很多文件夹和文件
8、开启工程
进入工程目录 命令:react-native start
在浏览器中访问http://localhost:8081/index.android.bundle?platform=android
9、运行项目
进入项目目录,输入react-native run-android(第一次会很慢)
10、手机上显示
第一次一般会报错
这时候我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
这里的IP是电脑的IP,不知道的可以在命令行中输入ipconfig进行查询,端口号固定8081
设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!

李东辉

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

  1. avatar 压力机 0

    您好,您的网站做的很不错,很漂亮,我已经收藏了,方便我随时访问.

  2. avatar 电动螺旋压力机 0

    您好,您的网站做的很不错,很漂亮