windows 下配置 react native 开发环境
来源:互联网 发布:python和php哪个好 编辑:程序博客网 时间:2024/05/23 21:44
windows 下配置 react native 开发环境
安装nvm
由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm。
你可以在这里查看nvm的安装教程:
https://github.com/creationix/nvm#installation
同时windows下的nvm在github上也有开源代码,你可以在这里找到它们
https://github.com/coreybutler/nvm-windows
下载最新的nvm并安装:
https://github.com/coreybutler/nvm-windows/releases/download/1.1.0/nvm-setup.zip
安装NodeJs
安装react native需要的NodeJs版本,我们这里安装5.0.0 $ nvm install 5.0.0
安装android sdk
安装android sdk,如果你已经有android sdk则不需要下载,下载链接:
https://developer.android.com/sdk/installing/index.html 官网下载地址,比较慢
http://sdk.android-studio.org/ 国内下载地址
安装完成后需要配置环境变量,在系统环境变量中添加
ANDROID_HOME把你安装SDK的路径赋值给它;
将ANDROID_HOME添加到Path变量中去
%ANDROID_HOM%;
安装react native
$ npm install -g react-native-cli
创建demo工程
$ react-native init AwesomeProject
安装所需依赖
在工程目录下(有package.json的目录下) $ npm install
真机调试
首先需要启动react native的服务器,在demo工程目录下/AwesomeProject $ react-native start
$ react-native run-android
真机调试需要使用电脑做服务器,所以电脑和手机需要在同一个wifi环境下,
查看windows本地ip地址,Win+R快捷键启动cmd命令行 $ ipconfig
查看你联网用的网卡的ip地址,如果是网线连接就看以太网适配器,如果是无线网卡链接就看无线局域网适配器,
192.168.x.x那个就是了
程序在手机上运行后会红屏;
(以下的摇一摇可以用adb shell input keyevent 82
代替,不然调试的时候会很蛋疼)
这时候摇一摇手机,选择Dev Settings,再选择Debug server host & port for device。
将上面的ip地址填入框内192.168.x.x:8081端口号默认为8081,不填端口号就无法访问切记。
设置完成后,应用退回首页,摇一摇手机选择Reload JS。
然后就可以看到刚才 react-native start启动的服务有响应了,响应完成后App就可以正常运行。
以上,希望能够帮助初学react native的你。
- windows 下配置 react native 开发环境
- windows下配置React Native开发环境
- Windows下React-Native开发环境配置
- React Native Windows下搭建React Native开发环境
- windows下react-native环境配置
- React Native 配置windows下 IDE环境
- React native 开发环境配置 for windows
- windows下搭建react native开发环境
- Windows下搭建React native开发环境
- Windows 下搭建React Native开发环境
- Windows环境下React Native环境配置详解!!!
- React Native环境配置(Windows)
- windows配置react native环境
- React Native开发之windows开发环境最简配置
- react native 开发环境配置
- React Native开发环境配置
- React Native开发环境配置
- React Native开发环境配置
- msyql root密码丢失找回
- Java加密技术(三)——PBE算法
- Tomcat 初识
- 学习Android Studio开发工具之Activity1
- STM32_TIM延时讲解
- windows 下配置 react native 开发环境
- 安卓轮播图实现
- adb操作
- Java中集合框架辅助类Iteratror、Collections、Arrays
- 从oracle官网wget jdk
- 更新Android Studio 1.5后 Cannot debug application
- java基础学习总结——java读取properties文件总结
- Java---JUnita、注解与类加载器详解以及实例
- Java加密技术(五)——非对称加密算法的由来DH