Mac下配置node.js 和react-native

时间:2022-02-10 00:31:36

最近对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文件做了一点点修改)更多功能还在学习中!!

Mac下配置node.js 和react-native