reactnative-环境

jiezi

5 年前

第一次接触 react native 就卡在装环境了，环境装不上一切都完蛋，所以在此记录一下；

React Native 是 Facebook 开源的，在 Javascript 和 React 的基础上构建原生的 Android 和 IOS 应用的平台。

ReactNative 的文档地址有多个，如果你英文够好，就去研读官方文档吧，
如果读原文比较吃力，中文文档也是不错的选择。

WebStorm/VS Code/Sublime
Android Studio
XCode (IOS 开发依赖）在 Appstore 直接下载

Homebrew：安装教程 http://brew.sh/，Mac 上的包管理软件
Node.js : https://nodejs.org/en/
watchman:https://facebook.github.io/wa…
facebook 的开源的一个文件监视系统。
flow:http://flowtype.org/ facebook 开源的一个 JavaScript 静态检查工具

安装 Homebrew:

/usr/bin/ruby -e “$(curl-fsSLhttps://raw.githubusercontent…)”

使用 Homebrew 安装 node.js：

brew install node

安装 watchman：

brew install watchman

安装 flow：

brew install flow

如果已经安转了以上的软件，需要更新到当前最新版本。
首先更新 Homebrew 的版本库：

brew update

更新 Homebrew 库的内容：

brew upgrade

清除不再使用的资源:

brew cleanup

如果之前已经安装好了所有软件，那么你可以直接安装 react-native

npm 是 nodejs 的包管理，使用 npm 可以安装 nodejs 的包，react-native 也是 nodejs 的一个包。
使用 npm 安装 react-native:

npm install -g react-native

安装 react-native 命令行工具:

npm install -g react-native-cli

运行命令:(查看安装结果)

react-native -v

得到结果

react-native-cli: 2.0.1
react-native: 0.60.5

react-native 安装成功

新建第一个 react-native 项目

react-native init app

在当前目录下面多了一个 app 的项目，进入 app 项目。

运行 ios:

react-native run-ios

运行 Android

react-native run-android

运行 react-native 项目的时候首先会使用 react-native start 启动一个端口为 8081 的服务，用来提供 JavaScript 代码。

效果：

在初始化 react-native 项目时遇到一个问题，报错如下：

提示：没有 /usr/bin 目录的写入权限，

自己的想法

最开始想到的没有写入权限，就用 sudo，sudo 可以解决一切, 但然而并不好用；
之后有给文件夹了 可写可读可执行（777）权限，还是不好用，继续报同样的错误。

还是 Google 一下吧

解决办法

sudo gem install cocoapods -n /usr/local/bin

参考 stackoverflow 文章

reactnative-环境

引言

开发工具

环境要求

安装

更新

安装 react-native

初始化 react-native 项目

问题