react native搭建环境整理

搭建开发环境

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模拟器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容