这里只介绍使用os x系统搭建。
————–环境————————
1,安装xcode可以去app store下载
2,xcode-select –install //貌似苹果自带就安装好了不过最好也执行一次看是否安装
3,推荐安装brew,教程参考《mac使用类似ubuntu的apt-get命令安装软件——brew》
4,之后使用brew安装工具,brew install watchman flow git gcc pkg-config cairo libpng jpeg gitlab-ci-multi-runner mongodb
5,安装nvm工具,为了node.js多版本共存
sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash
安装后还不能马上使用,在命令界面中,输入以下两行命令:类似配置变量环境
export NVM_DIR="/Users/xgllseo/.nvm" //这里根据自己目录设置 [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
之后就可以使用nvm安装多个node.js版本共存了,例如安装:
nvm install v4.2.3
之后设置使用该版本
nvm alias default v4.2.3
这样就可以使用node.js版本好食4.2.3了
但是有一个坑的地方就是每打开一个命令窗口时你会发现又不能使用nvm的命令,和包括用nvm安装的node.js命令了。
在~/.zshrc创建一个文件.zshrc内容添加上:
export NVM_DIR="/Users/xgllseo/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
以后每次打开一个命令窗口时执行一下
source ~/.zshrc
就可以正常使用了,这样是把本来执行两句话的缩短为执行一次。
我希望每次打开命令窗口时都自动在当前窗口执行一下source ~/.zshrc,就免得每次都执行了。
编辑文件/etc/bashrc,在最后一行加上
source ~/.zshrc
就可以了。
6,下载react native一个简单案例的项目包,在使用cnpm命令之前也需要安装npm install cnpm -g
cnpm install -g react-native-cli@0.1.10 react-native -v //查看是否安装完成
7,创建一个目录在目录中运行命令:
react-native init 自定义项目名 (能使用这个命令是之前全局安装了react-native-cli)
8,进入到你的自定义项目名中找到目录ios/自定义项目名.xcodeproj,双击后缀是xcodeproj的文件,就打开了xcode程序,然后点击”run”,就会弹出一个iphone模拟的窗口,完成。
(注意:使用的一系列命令例如:node npm cnpm react-nativ都是基于之前用nvm命令来安装的,所以第5步很重要)