liubobuzhidao

ReactNative创建项目的教程

1、开发环境安装[此处使用的Mac平台]

1)安装NodeJs

使用Homebrew命令安装nodeJS之前,你需要先把homebrew安装好。

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

​ 安装完成以后使用 brew -v 验证是否安装成功,如果出现失败的情况,那么不要慌依次执行下面的命令清理并重新安装:

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

然后在终端再执行下述命令安装nodejs,

1
brew install node

执行完成以后验证是否安装成功: node -v。成功以后最好将npm镜像设置为taobao的,

1
2
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
####     2)安装ReactNative

终端继续执行下述语句:

1
npm install -g react-native-cli

安装的过程中如果出现权限不足的情况,可以在命令行的前面加 sudo,

上述完成以后开发环境雏形已经基本形成,剩下的就是你去下载一个WebStorm,然后找个项目路径在terminal中输入 react-native init ProjectName 将项目初始化到当前文件夹下。使用WebStrom打开这个项目,剩下的你就可以为所欲为了!

1、另外一种创建项目方法【更新2017.06.21 当前版本0.45】

1)npm install -g create-react-native-app

2)create-react-native-app 项目名称

好了~就那这么简单!