1.安装python
下载地址www.python.org/ ,安装完成之后记得配置python的环境变量,指定到python的安装目录即可
在cmd命令行中输入python可以检测是否安装成功。
2.安装react-native
打开cmd命令行,输入 npm install -g react-native-cli 命令进行全局安装。
3.创建项目
在cmd命令行中输入 react-native init HelloRN,HelloRN是你的项目名称,随便你命名。这是我执行完成之后的截图,里面会自动生成ios和android两个的
等待该命令执行完成之后,然后就进入该项目的跟目录 cd HelloRN,
然后就启动我们的项目
到这里之后,这个cmd命令行就放到一边不用去管了。
接下来就在电脑上打开一个模拟器,或者连接一台真机(真机还会有两个地方需要配置,稍后会说的)
然后重新打开一个新的cmd命令行,同样是进入到该项目的跟目录,运行 react-native run-android 命令,
不过在运行之前,你最后去该项目的gradle-wrapper.properties文件中配置一下你本地的gradle,不然他去下载是会很慢的
等待执行完成之后,就能在在模拟器上看到这界面了,到此,你的已经成功的创建完成React-Native项目。
如果你连接的是真机,
1.那么你得在项目中找到package.json文件,瞧瞧该文件中是否有红色框中的这句话,没有的必须加上
"bundle-android":"react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –sourcemap-output android/app/src/main/assets/index.android.map –assets-dest android/app/src/main/res/"
复制过去就行
这样就可以运行在手机上了
2.配置IP端口
不配置的话,真机上可能会红屏,
这时候就点击手机的菜单建,会有一个弹出框,选择Dev Settings,
然后选择下面这个
在输入框里面输入你电脑的ip地址端口默认是8081不用改
输入完成点确定,然后键盘上双击“R”就可以刷新项目,同样看到该界面。
网友评论