首页 > 其他 > 详细

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

时间:2018-02-14 23:52:10      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:ebo   安装完成   原因   包管理工具   chown   iss   运行   遇到   命令   

工欲善其事,必先利其器。这次主要介绍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学习笔记 -- 开发环境搭建

标签:ebo   安装完成   原因   包管理工具   chown   iss   运行   遇到   命令   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号