共计 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 目录的写入权限,
自己的想法
最开始想到的没有写入权限,就用
sudo
,sudo
可以解决一切, 但然而并不好用;
之后有给文件夹了可写可读可执行(777)
权限,还是不好用,继续报同样的错误。
还是 Google 一下吧
解决办法
sudo gem install cocoapods -n /usr/local/bin
参考 stackoverflow 文章