react-native:環境構築
2330 ワード
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/ウォッチマン:https://facebook.github.io/watchman/docs/install.html フェイスブックのオープンソースの一つのファイル監視システム.flow:http://flowtype.org/facebookオープンソースのJavaScript静的検査ツール
インストール
Homebrewをインストールする:
//usr/bin/ruby-e'(curl-fsSL)https://raw.githubusercontent.com/Homebrew/install/master/install)「
Homebrewを使ってnode.jsをインストールします.
brew install node
ウォッチマンの取り付け:
brew install watch man
インストールflow:
brew install flow
更新
以上のソフトウェアをアンインストールしたら、現在の最新バージョンに更新する必要があります.まずHomebrewのバージョンライブラリを更新します.
brew udate
Homebrewライブラリの内容を更新します.
brew ugrade
使用しないリソースをクリア:
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 e init Helloon
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 e run-ios
現在のディレクトリの下にiosのディレクトリが一つ増えました.中にproject、ハローRNのプロジェクトが新たに作られました.
Androidを実行
react-native run-android
現在のディレクトリの下にもう一つのAnroidのディレクトリがあります.中にはandroidプロジェクトのファイルがあります.
react-native
プロジェクトを実行するときは、まずreact-native start
を使用して、JavaScriptコードを提供するために、ポート8081のサービスを開始します.