加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React-Native入门指南--环境配置

发布时间:2020-12-15 04:49:52 所属栏目:百科 来源:网络整理
导读:环境配置 1、OS X – 现在这个仓库只包含 iOS 实现,且 Xcode 只能在 Mac 上运行。 2、在Mac上安装Xcode,建议Xcode 6.3以上版本 3、安装 node,watchman,flow 的推荐方法是 Homebrew。 4、brew install node。不知道 node 和 npm 5、brew install --HEAD wa

环境配置

  • 1、OS X – 现在这个仓库只包含 iOS 实现,且 Xcode 只能在 Mac 上运行。
  • 2、在Mac上安装Xcode,建议Xcode 6.3以上版本
  • 3、安装 node,watchman,flow 的推荐方法是 Homebrew。
  • 4、brew install node。不知道 node 和 npm
  • 5、brew install --HEAD watchman。brew install watchman,我们建议安装 watchman,否则你可能会遇到一个有bug的node文件 。
  • 6、brew install flow。如果你想使用 flow。

项目创建

打开终端,开始React-Native开发的旅程吧。

    1. 安装命令行工具:sudo npm install -g react-native-cli
  • 2.创建一个空项目:react-native init HelloWorld
  • 3.找到创建的HelloWorld项目,双击HelloWorld.xcodeproj即可在xcode中打开项目。xcodeproj是xcode的项目文件。
  • 4.在xcode中,使用快捷键cmd + R即可启动项目。

参考:http://www.cnblogs.com/vczero/p/react-native.html

http://wiki.jikexueyuan.com/project/react-native/getting-started.html

目前只是要模拟器中调试OK,真机还没成功。

真机调试只要将localhost换成自己的ip,ifconfig查看。

如果关闭了想在手机上运行就需要在电脑上运行React,具体方法如下:

找到项目所在根目录下执行 npm install
再执行 npm start

aideMacBook-Pro:~ ainadi$ cd /Users/ainadi/RHelloWord2/
aideMacBook-Pro:RHelloWord2 ainadi$ npm install
aideMacBook-Pro:RHelloWord2 ainadi$ npm start

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读