React-Native

React-Native简单入门

2017-03-29  本文已影响0人  Answer_厮守

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”就可以刷新项目,同样看到该界面。

上一篇下一篇

猜你喜欢

热点阅读