Mac下配置node.js 和react-native

最近对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官方的指导建议安装 watchmanflow(访问需翻墙),我是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文件做了一点点修改)更多功能还在学习中!!

转载于:https://www.cnblogs.com/leeN/p/4978841.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值