美文网首页
React Native 环境搭建(mac)

React Native 环境搭建(mac)

作者: 胡伟红 | 来源:发表于2018-06-05 11:07 被阅读19次

    具体参考React Native中文官网 https://reactnative.cn/docs/0.51/getting-started.html

    1.环境搭建:React Native 主要依赖以下环境。

    Mac OS X操作系统,推荐使用Xcode7.3.0或者更高版本。安装Node.js v6.2.1或者更高版本。利用Homebrew安装watchman和flow。安装React Native 安装NVM创建第一个HelloWorld程序。

    1.1安装Xcode

    1.2安装Node.js

    Node.js官网:https://nodejs.org

    下载10.2.1Current版本,下载完成以后双击进行安装 从上面的图中This package will install Node.js v10.2.1  /  npm v5.6.0说明我们将会安装Node.js v10.2.1和npm v5.6.0版本。 点击继续 点击同意 点击安装 点击安装软件 点击关闭

    打开电脑终端

    上图表明Node.js和npm安装在/usr/local/bin路径下面。

    1.3安装Homebrew 安装

    打开终端,按照如下操作:

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


    2.安装Yarn

    Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Navtive的命令行工具用于执行创建、初始化、更新项目、运行打包(packager)等任务。

    安装指令: npm install -gyarn react-native-cli

    如果出现以下截图问题,还是权限问题

    解决办法,在指令前加sudo  npm install -gyarn react-native-cli

     根据提示输入密码即可安装成功

    3.    接下来通过brew安装watchman和flow

    在终端 用两个指令安装  brew install watchman   和  brew install flow

    3.1安装Watchman,它是Facebook提供的监视文件系统变更的工具。(下面两个工具推荐安装)

    brew install watchman

    3.2安装Flow,它是一个静态的JS类型检查工具,可方便找出代码中可能存在的类型错误。

    brew install watchman

    3.接下来就可以创建项目了:

    react-native init HelloWorld

    出现以上警告:有一个安全低漏洞,但是项目已经创建成功了,具体看见创建项目目录:

    cd HelloWorld

    react-native run-ios

    出现以下两个终端界面就表示环境搭建成功。

    相关文章

      网友评论

          本文标题:React Native 环境搭建(mac)

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