|
本章我们开始来学习一个小白如何开始走上react-native的开发道路
rn的门槛不管是对于前端开发者还是移动端开发者来说都是很高的，既要懂原生又要懂js，技术栈是相当长的。但是没有关系，我们一步步来学习，慢慢成长吧！
我们先来看看RN 的官方文档怎么写的：
如图1-1所示，
1.我们需要安装Homebrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
如图，出现 “Press RETURN to continue or any other key to abort”的时候记得按“回车”（有个朋友看不懂英文然后就不看了，一直在那里等着，真是无可奈何呀！）
当你看到 ==>Installation successful! 那么就安装成功了
2、使用Homebrew安装watchman和flow
1）brew install watchman
2）brew install flow
3）brew update && brew upgrade
3、安装nvm
1）我们使用git把nvm给git下来
打开终端，复制黏贴
git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`
2）输入 . ~/.nvm/nvm.sh 或者 soure ~/.nvm/nvm.sh 启动nvm管理器
3）配置下nvm管理器，使我们打开终端的时候自动启动nvm
（1）、在终端输入：
vi ~/.bashrc
（2）复制黏贴
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
然后 输入 :wq! 回车
3）vi ~/.profile （重复上一步操作)
4）nvm install node && nvm alias default node
等待安装完成，安装完成之后我们就可以通过npm来管理node了！
5）国内的网络npm自带的源真的卡出了翔，所以我们要换成淘宝的源
npm install -g nrm
nrm use taobao
Registry has beensetto: http://registry.npm.taobao.org/
这样子我们就换成了淘宝的源了
4 、快速开始启动RN工程
1）
npm install -g react-native-cli --verbose
2）在你自己创建的文件目录里快速生成一个RN项目
react-native init AwesomeProject --verbose
注：
1、执行init时切记不要在前面加上sudo（否则新项目的目录所有者会变为root而不是当前用户，导致一系列权限问题，请使用chown修复）。
2、由于网络的问题，很多开发者在这里会出现各种下载失败的情况，我已经把下载好的文件放到百度云。各位需要的自行下载，跟你init是一模一样的，目前版本是 0.17
5、打开AwesomeProject -> ios->AwesomeProject.xcodeproj
com+R 启动项目
注：可能nvm配置路径问题，项目运行的时候可能会出现错误
解决方法：
在项目启动中，cd 到AwesomeProject目录下，执行
react-native start
（之前的版本是npm start 新的版本已经改成了react-native start）
结尾
到这里，我们就快速地搭建了React-native的工程啦！！！！！ （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
