工欲善其事, 必先利其器这次主要介绍 mac osx 下 React Native 的开发环境的搭建
homebrew
mac 上的包管理工具, 用于安装 nodejs 和其他一些工具软件, 在 terminal 输入下面命令进行安装:
/usr/bin / ruby - e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
如果在安装过程中遇到提示
ACCES: permission denied
(/usr/local 目录不可写), 可以通过下面的命令修改目录权限:
- sudo chown - R`whoami` / usr / local
- nodejs
React Native 目前需要 NodeJS 5.0 或更高版本本文发布时 Homebrew 默认安装的是最新版本, 一般都满足要求
- brew install node
- yarn
yarn 是 Facebook 提供的替代 npm 的工具, 可以加速 node 模块的下载
- npm install -g yarn
- react-native-cli
React Native 的命令行工具用于执行创建初始化更新项目运行打包服务 (packager) 等任务
- npm install - g react - native - cli
- watchman
watchman 是由 Facebook 提供的监视文件系统变更的工具安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)
brew install watchman
下载 third-party 库
目前最新的 0.45 及以上版本需要依赖 boost 等几个第三方库, 具体可以运行官方提供的 ios-install-third-party.sh 进行下载下载的文件存在到~/.rncache
至此, 环境安装完成
测试安装
创建一个 react-native 项目
react-native init projectName
进入项目目录, 启动服务
- cd projectName
- yarn start
运行 ios
react-native run-ios // ok...
运行 android
react-native run-android // ok...
如果在调试 android 环境的时候有提示:
Could not find com.android.tools.build: gradle: 3.0.1
; 原因是 com.android.tools.build:gradle:3.0.1 插件需要到 google 的 maven 仓库下载解决方式是: 在 build.gradle 添加 google 的 maven 仓库, 如下:
- buildscript {
- repositories {
- google() // 新的插件需要在 google 仓库下载
- jcenter()
- }
- dependencies {
- classpathcom.android.tools.build: gradle: 3.0.1
- }
- }
来源: http://www.bubuko.com/infodetail-2498734.html