美文网首页
ReactNative环境搭建

ReactNative环境搭建

作者: 梅庆 | 来源:发表于2016-02-18 22:52 被阅读174次

    刚过完年,来北京后工作一直都很忙,也没时间学习,今天晚上有点时间就捯饬了一下React-Native的环境搭建,我觉得有必要跟大家分享一下。

    (1)安装node.js:https://nodejs.org/download/
    (2)建议安装watchman,终端命令:brew install watchman
    (3)安装flow:brew install flow
    ok,按照以上步骤,你应该已经配置好了环境。
    
    现在我们需要创建一个React-Native的项目,因此可以按照下面的步骤:
    打开终端,开始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即可启动项目。基本的Xcode功能可以熟悉,比如模拟器的选择等。
    启动完成后,你会看到React-Packger和iOS模拟器,具体的效果如下,说明你创建项目成功了。
    
    
    
    ![屏幕快照 2016-02-18 下午10.50.46.png](https://img.haomeiwen.com/i1313458/094bc3eb5ff7fbd6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    如果有错误,不用着急,我在安装的时候watchman安装出错了,我就卸载了watchman,重装一下就可以了。
    

    微博账号:梅嘉庆(点击关注)

    相关文章

      网友评论

          本文标题:ReactNative环境搭建

          本文链接:https://www.haomeiwen.com/subject/ezomkttx.html