环境配置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
#安装xcode xcode-select --install #安装Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" #使用Homebrew安装相关工具 brew install watchman flow git gcc pkg-config cairo libpng jpeg gitlab-ci-multi-runner mongodb #安装nvm工具 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash #第一次可能需要执行下面的语句,安装时会将如下语句写入~/.bash_profile,如未写入,请自行添加 export NVM_DIR="/Users/alan/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" #选择版本安装node nvm install v4.2.3 #必要时使用nvm alias default v4.2.3设置为默认 #查看版本 node -v npm -v #设置淘宝npm sudo npm install cnpm -g #安装React Native,根据实际情况选择版本,这里用0.1.10 cnpm install -g react-native-cli@0.1.10 #查看版本 react-native -v #创建项目 react-native init projectName #其它可能需要的安装 npm install -g eslint babel-eslint --registry=http://registry.npm.taobao.org |
安装成功会提示如下内容,可进入你的项目目录进行测试
1 2 3 4 5 6 7 8 |
To run your app on iOS: react-native run-ios - or - Open ios/imoocApp.xcodeproj in Xcode Hit the Run button To run your app on Android: Have an Android emulator running (quickest way to get started), or a device connected react-native run-android |
出现如下界面表明成功
注: 可通过cmd+1 cmd+2…来调整界面大小
常见问题
1.Error: Cannot find module ‘invariant’
1 2 3 4 5 6 7 |
Installing react-native package from npm... module.js:339 throw err; ^ Error: Cannot find module 'invariant' ... |
执行
1 2 3 |
sudo npm update npm -g #重新创建项目 react-native init projectName |