从0开始配置React-Native环境,运行第一个React-Native应用

从最近对React-Native的研究来看,我觉得是时候从0开始学它并引入到实践中了。目前我负责Android这块,之前也有半年的Js、半年的Php开发经验,曾经那时可谓样样通,样样不精(其实我还有1年的C、1年的C++编程经验,甚至Html网站也开发过)。我有一台没有配置过homebrew、atom、nuclide的mac air,就从这里开始喽。

首先,找到homebrew(类似功能的还有macports)的官网,根据提示,在终端中运行命令下载安装:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

附注:

1),遇到文件夹访问权限问题,需要在上述安装命令前使用sudo取得文件夹访问权限。

2),如果遇到已安装的提示,可根据需要先卸载旧的配置文件,重新运行上述安装指令,卸载命令会在提示中出现。

3),安装完homebrew后,需要配置它的环境变量,这样才可以在终端中正常运行安装命令

export PATH=$PATH:/usr/local/bin/

其次,安装watchman(监听文件变化)、flow(JS静态语法检查),这些都是辅助开发react-native应用的工具

brew install watchman
brew install flow

找到atom的官网,下载并解压atom安装包,运行主程序,安装Nuclide(React Native应用编辑、运行IDE)

1)在Atom-》Preferences中点击Install,在输入框中输入Nuclide,点击Install安装即可

2)安装完Nuclide之后,需要再次找到Nuclide,点击Setting选项,确保下面这处选项出于选中状态(这个是控制Nuclide相关工具栏的)


3)退出并重新进入Atom,你会看到下图,到这里你就成功了一半



打开finder,新建一个React-Native项目目录,在终端中cd到此目录下,使用React命令初始化项目

react-native init Demo --verbose
然后打开Atom,Add project folder,将Demo目录加入到IDE中,到这里,你就打开了一个项目,双击index.os.js,就可以自由自在的敲代码了

通过终端命令运行项目:

$ react-native run-ios//iOS
$ react-native run-android//Android

另外一种运行项目方式是在Atom中打开终端选项(command+shift+p),再输入运行命令

附注:调试命令  react native debug


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值