react-native:环境搭建

2024年2月12日 161次阅读 来源: 姜家志 
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://segmentfault.com/a/1190000004477951
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞