1、ReactNative详细的Windows系统环境下搭建
来源:互联网 发布:cc域名注册哪里便宜 编辑:程序博客网 时间:2024/05/29 04:30
说在前面:
因为ReactNative最近比较火,甚至招聘网站上一些大公司的招聘要求都有会ReactNative这一条。所以就试着来看一看。
工欲善其事必先利其器,首先,需要搭建一个环境,方便咱们写一个helloworld。
本人一直都是AndroidStudio开发Android,所以许多条件都满足了。例如:
1、安装JDK。
2、安装Android SDK。
只要是用AndroidStudio开发安卓程序的基本上上面两条都做到了。
3、设置Android的环境变量:
设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(ANDROID_HOME=> E:\Android\sdk),设置环境变量PATH:例如(PATH=>%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
4、安装Node.js。下载地址:https://nodejs.org/en/,下载安装文件,直接点击下一步,傻瓜式安装。
5、安装git,百度git,下载安装,一样是傻瓜式。https://git-for-windows.github.io/
下面是是关键。上面只是条件而已。下面正式接触到开发环境了。
6、在电脑硬盘创建一个文件夹,进入该文件夹使用git clone 输入git clone https://github.com/facebook/react-native.git
,下载文件。
7、下载完成之后,进入刚刚目录下的react-native目录下的react-native-cli目录,打开cmd,输入npm install -g
正式安装React Native。
8、创建RN项目,进入你希望创建项目的目录后,进入cmd,输入react-native init AwesomeProject
,等待一段时间(较慢)
这是在下载AwesomeProject项目,比较慢。
完毕之后,文件夹目录结构如下。
9、再次打开一个cmd,在命令行中进入项目目录,输入react-native start
,等待一段时间:
10、这时候可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android,如果可以访问表示服务器端已经可以了。
11、重新启动一个新的命令行,进入项目目录,输入react-native run-android
,注意此时电脑上连接一个手机,确保手机和电脑连接了。
等待运行(如果是第一次运行,首先会下载gradle,时间较长)
手机程序运行起来之后,我们看看是在什么界面,我们连上和电脑一样的网络,确保在同一个网段之下。然后设置IP地址和端口号。
我们摇一摇手机,点击Dev Settings后,点击Debug server host & port for device,设置IP和端口
IP地址为电脑ip地址,IP地址可通过cmd -> ipconfig查看。端口为8081.
设置完毕后,返回界面,摇一摇,点击Reload。即可显示我们第一个ReactNative创建的Android小例子。
参考链接:
http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/
- 1、ReactNative详细的Windows系统环境下搭建
- Windows环境下Android的ReactNative开发环境搭建
- Windows 环境下Android ReactNative环境搭建
- ReactNative在Windows系统环境搭建
- Mac下ReactNative的环境搭建
- win7下ReactNative的环境搭建
- Windows下搭建ReactNative开发环境(Android)
- 邂逅ReactNative(一):在windows下搭建开发环境
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- windows系统下Python环境的搭建
- LeetCode 357. Count Numbers with Unique Digits
- 【JZOJ4835】【GDOI2017模拟10.31】量化交易
- Winsock的同步异步模式
- 第九周 OJ总结<6>-第几天
- 技术学习
- 1、ReactNative详细的Windows系统环境下搭建
- 数据结构(一)顺序表2:顺序表的就地逆置和顺序表中删除元素值
- python 制作小蛇
- [LeetCode416]Partition Equal Subset Sum
- displaytag添加自定义跳转页数功能
- C/C++笔试必须熟悉掌握的头文件系列(七)——cctype/ctype.h
- C++笔记
- AOP源码解析(三)增强器的获取
- c语言学习总结之从关键字到循环结构