码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-02-14 23:58:28      阅读:735      评论:0      收藏:0      [点我收藏+]

标签:osx   新版本   更新   提高   maven   执行   npm   命令行   ssl https   

工欲善其事,必先利其器。这次主要介绍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‘
    }
}

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

标签:osx   新版本   更新   提高   maven   执行   npm   命令行   ssl https   

原文地址:https://www.cnblogs.com/niccgz/p/8449103.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!