美文网首页
一、React Native环境搭建

一、React Native环境搭建

作者: 那是什么 | 来源:发表于2016-07-22 15:26 被阅读19次

    1、安装必要的组件

    1.1、安装nodes

    命令行运行 brew install node

    1.2、安装 react-native的模块

    命令行运行 npm install -g react-native-cli

    如果报错 npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/react-native-cli'

    这个时候,证明你的权限不够,可以在命令前面加上sudo:sudo npm install -g react-native-cli

    由于众所周知的网络原因,react-native命令行从npm官方源拖代码时会遇上麻烦。请先将npm仓库源替换为国内镜像:

    npm config set registry https://registry.npm.taobao.org --global

    npm config set disturl https://npm.taobao.org/dist --global

    另,执行init时切记不要在前面加上sudo(否则新项目的目录所有者会变为root而不是当前用户,导致一系列权限问题。如果你这样做了,请使用chown命令修复)。

    2、创建第一个项目 hello world

    2.1、初始化一个react-native项目

    命令行运行 react-native init helloReact

    如果碰到了以下问题,那么证明你的xcode干扰了react-native的初始化。用了beta版本或者怎样:

    xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is

    最简单的解决办法,就是在bash中输入:

    sudo xcode-select -s /Applications/Xcode.app/Contents/Developer

    2.2、 启动react-bundle的server

    直接在bash中进入到我们的helloReact工程下。运行:

    react-native start

    相关文章

      网友评论

          本文标题:一、React Native环境搭建

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