reactnative-环境

54次阅读

共计 1400 个字符,预计需要花费 4 分钟才能阅读完成。

第一次接触 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

安装 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 项目

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 目录的写入权限,

自己的想法

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

还是 Google 一下吧

解决办法

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

参考 stackoverflow 文章

正文完
 0