搭建开发环境
1) 安装Homebrew
访问brew.sh
打开MAC的终端,输入如下命令:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装Homebrew 看到 Run `brew help` to get started
就可以使用brew命令安装相关的配置
brew -v 命令 可看安装好的版本
安装nvm nvm是用于nodejs版本管理的工具
打开MAC的终端,输入如下命令:brew install nvm
根据终端里面的提示执行3个步骤的命令
最后输入命令 nvm 就会显示相关的帮助信息,代表安装成功了
另一种方式,在终端中输入如下的命令:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
之后需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果没有自己创建 在终端用 touch 命令新建文件),添加如下的一行语句:
. ~/.nvm/nvm.sh
这样就能够在任意的终端中使用nvm命令了。
2) 安装node.js 和 npm
MAC的终端,输入如下命令:
nvm install node && nvm alias default node
然后根据终端里面提示执行命令(run后面提示的命令) ,没有提示就不需要执行
node -v 看版本
npm -v 看版本
3) 通过Homebrew安装watchman和flow
watchman应该是用于监听文件变化,然后界面做出响应。执行如下命令:
brew install watchman
然后根据终端里面提示执行命令(run后面提示的命令) ,没有提示就不需要执行
4) 通过npm安装react-native
MAC的终端,输入如下命令:
react-native
You did not pass any commands, did you mean to run `react-native init`?
代表载入成功
遇到问题
1)Homebrew安装时”-bash:brew:command not found”
1.打开终端获取管理员权限
2.跳转至/etc下修改profile文件
3.用vim打开,在profile文件最后添加如下语句:
PATH=“.;$PATH:/usr/local/bin”
注意,若以前修改过该文件,或者PATH中已有多个路径,只需在后面添加即可,使用:隔开。
4.好了,保存退出后,再次键入brew命令,有惊喜发生!
2)安装node时候,显示“-bash: brew: command not found”
因为没安装Homebrew
新建项目
(1)创建一个空项目命令:
1)npm install -g react-native-cli
react-native-cli 是完成剩余安装的命令行工具。它是通过 npm 安装的。这将会在你的终端里面安装react-native这个命令行,只需要做一次即可。
2)react-native init HelloWorld
项目创建如果慢的话,可以编辑 ~/.npmrc (如果没有就自己创建 在终端用 touch 命令新建文件)加入下面内容后重启终端再创建项目
registry=https://registry.npm.taobao.org (只要设置一次,以后会自动关联到这个镜像)
(2)找到创建的HelloWorld项目,双击HelloWorld.xcodeproj即可在xcode中打开项目。xcodeproj是xcode的项目文件。
(3)在xcode中,使用快捷键cmd + R即可启动项目。基本的Xcode功能可以熟悉,比如模拟器的选择等。
启动完成后,你会看到React-Packger和iOS模拟器