最近对JS挺感兴趣的,就琢磨着在mac上配置下环境学习学习,正巧看到了Facebook的react-native,顺便配置了一下。
安装Homebrew
终端输入:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
官方原装代码,homebrew用法十分简单,其他的一些具体用法在这里都可以找到。
注意:安装之后会给我们一个wraning ,而且当我们输入nvm指令的时候会提示command not found ,只需要在.bash_prodfile(Users下显示隐藏文件就可以看到)中添加即可
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
想知道是否成功终端nvm --version 输出版本号看一下
安装NVM
安装了homebrew之后安装nvm就特别方便了,一句代码的事
brew install nvm
看了Facebook官方的指导建议安装 watchman和flow(访问需*),我是js新手,具体干嘛的了解的不深。
安装也很简单
同上 brew install watchman 和brew install flow即可
安装Node
有了nvm之后安装node就十分方便了,同样终端 nvm install node && nvm alias default node
我安装的时候忘了nvm alias default node ,所以每次都需要重新install 十分扯淡,解决方法同样只需在.bash_prodfile在加上一句 nvm use v5.0(版本号,是多少就是多少)
这个时候nvm ls 就可以查看安装的各个版本了
-> v5.0.0
system
node -> stable (-> v5.0.0) (default)
stable -> 5.0 (-> v5.0.0) (default)
iojs -> N/A (default)
到这里基本差不多了,按照脸书官方提示终端输入
npm install -g react-native-cli
react-native init AwesomeProject
这个过程可能会比较慢,init也可能会失败,重试一次差不多了,初始化好了之后打开项目新版Xcode(7.0+)估计会有react-native commond not found的链接错误,这个github官方有issue说明,链接在这里https://github.com/facebook/react-native/issues/3948#issuecomment-157568831,解决办法大神说的也很明白了
一切成功之后打开init的工程直接运行,会出来下面的效果(对原始js文件做了一点点修改)更多功能还在学习中!!