一、React Native环境搭建

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环境搭建)