React Native学习笔记 -- 开发环境搭建

Posted 2020-10-24 niccgz

工欲善其事，必先利其器。这次主要介绍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 {
        classpath ‘com.android.tools.build:gradle:3.0.1‘
    }
}