React-Native Mac 初体验

Mac

1 安装 npm
https://nodejs.org/en/download/
https://nodejs.org/zh-cn/download/releases/

如果已经安装了 可以检查电脑安装的node 与 npm 版本

如果已经安装npm 但版本过旧 可以通过 npm update -g 更新
更新node 则需要输入下面连个语句
npm install -g n
n stable

然后通过
node -v
npm -v 查看

2 在线安装 react-Native
npm install -g react-native-cli

3 在终端输入 open .npmrc
在 文件中 输入下面两行
registry=https://registry.npm.taobao.org/
disturl=https://npm.taobao.org/dist

//注释
一、open .npmrc（会提示找不到该文件，没关系）
二、npm config set registry https://registry.npm.taobao.org
三、再次跳到步骤一，就能看到npmrc文件中已经设置好了registry

或者在 用户目录 shift+command+> 显示隐藏文件 手动修改npmrc 文件 （在 输入 二 操作 之后 ）

4创建项目 react-native init FirstApp
/** 注 1安装前需要更换国内淘宝镜像

创建项目
sudo react-native init FirstDemo
报 no bundle url present
输入 sudo react-native start 启动服务

mac 上xcode 导入不了项目时 可能照成的原因是文件目录没有权限
这时可以右键文件夹 —> 显示简介 —–> 底部修改共享与权限 为读与写