资讯专栏INFORMATION COLUMN

react-native:环境搭建

curried / 1405人阅读

摘要:是开源的,在和的基础上构建原生的和应用的平台。着力于提高多平台的开发效率,。下面简单介绍下的环境搭建。环境要求最新的系统,要开发应用就必须使用系统。运行在当前目录下会多出一个的目录,里面是项目的文件。

Any application that than can be written in JavaScript will eventually be written in JavaScript -Jeff Atwood

React Native是Facebook开源的,在Javascript和React的基础上构建原生的Android和IOS应用的平台。
React Native着力于提高多平台的开发效率,Learn once,write anywhere

下面简单介绍下React Native的环境搭建。

环境要求

最新的OS X系统 ,要开发IOS 应用就必须使用Mac OS系统。
Homebrew:安装教程 http://brew.sh/ ,Mac上的包管理软件
Node.js : https://nodejs.org/en/
watchman:https://facebook.github.io/watchman/docs/install.html
facebook的开源的一个文件监视系统。
flow:http://flowtype.org/ facebook开源的一个JavaScript静态检查工具

安装

安装Homebrew:

/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

使用Homebrew安装node.js:

brew install node

安装watchman:

brew install watchman

安装flow :

brew install flow

更新

如果已经安转了以上的软件,需要更新到当前最新版本。
首先更新Homebrew的版本库:

brew update

更新Homebrew库的内容:

brew upgrade

清除不再使用的资源:

brew cleanup

安装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: 1.0.0
react-native: 0.20.0

react-native安装成功

第一个react-native项目

新建第一个react-native项目

react-native init HelloRN

o run your app on iOS:
   cd /Users/***/Documents/github/react-native/HelloRN
   react-native run-ios
   - or -
   Open /Users/***/Documents/github/react-native/HelloRN/ios/HelloRN.xcodeproj in Xcode
   Hit the Run button
To run your app on Android:
   Have an Android emulator running (quickest way to get started), or a device connected
   cd /Users/***/Documents/github/react-native/HelloRN
   react-native run-android

运行ios:

react-native run-ios

在当前目录下面多了一个ios的目录,里面新建一个project,HelloRN的项目。

运行Android

react-native run-android

在当前目录下会多出一个anroid的目录,里面是android项目的文件。
运行react-native项目的时候首先会使用react-native start启动一个端口为8081的服务,用来提供JavaScript代码。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78722.html

相关文章

  • react-native 一步步:环境搭建

    摘要:以下大部分内容来自官方,有微调系统要求一个装有系统的开发机包管理工具安装或者更新定期执行环境安装安装环境安装,如果被墙,去修改配置文件在命令行运行,安装依赖的包安装模拟器相关,可以和一起安装安装虚拟机加速模块完成后安装控制台执行验证 以下大部分内容来自官方,有微调 系统要求 一个装有 OS X 系统的开发机 Homebrew 包管理工具 brew install nvm brew ...

    Shihira 评论0 收藏0

发表评论

0条评论

curried

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<