React Nativeは、主に次の環境に依存しています。
-
Mac OSXオペレーティングシステム
-
Xcodeバージョン7.3.0以降をお勧めします。
-
Node.jsV6.2.1または最新バージョン。
-
ウォッチマン和流。
-
NVM
1. xcodeをインストールします。ここでは、紹介はありません
2. node.jsをインストールし、Node.jsの公式Webサイトを開いて、 直接ダウンロードします。
3. homebrewをインストールし、Homebrewの公式Webサイトを開き、 言語として簡体字中国語を選択し、ドキュメントの手順に従ってインストールします。
インストールが完了したら、ターミナルを開き、初期化するコマンドを入力します Homebrew
。コマンドは次のとおりです。
/ usr / bin / ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
4.ウォッチマンをインストールし、brewをフロースルーします。
React Native
パッケージマネージャーはウォッチマンを使用します。フローはFacebook
、同様にReact Native
使用されるライブラリを作成した会社タイプのチェックです。
インストール中に問題が発生した場合はbrew
、コマンドラインを使用して依存関係を更新する必要があります。問題が発生した場合は、brew update brew upgrade、ローカルのbrewインストーラーを修正する必要があります。brewdoctorが問題の特定を支援します。
Homebrewをインストールした後、次のコマンドを順番に実行します(時間がかかります)。
- brew -v
- brew install watchman
- brewインストールフロー
5.react-native-cliコマンドラインツールをインストールします
次に、母国語を反映するコマンドラインツール(CLIからNPM)をインストールします。MAC端末で次のコマンドを入力します。-gはグローバルインストールを意味します。
sudo npm install -g react-native-cli
6.NVMをインストールします
Reace Native
nvmを使用して、さまざまなノードとnpmを管理します。
6.1ターミナルにコマンドを入力して、NVMをインストールします。
git clone https://github.com/creationix/nvm
6.2nvmファイルを入力します
ターミナルに次のコマンドを1つずつ入力します。
cd nvm /
ls
source nvm.sh
nvm
nvm ls -remote N / A
nvm ls
7、reactNativeプロジェクトを作成します
RN環境を設定したら、HelloWorldプロジェクトを作成しましょう。
- まず、デスクトップに名前の付いた
rn_demo
フォルダを作成し ます - 作成したフォルダをターミナルに入力します(cd)
-
プロジェクトを作成します(プロジェクトを作成するコマンドは次のとおりです:react-native init HelloWorld
8.App.jsプログラミングを開きます
プロジェクトの実行中は、App.jsを開いてプログラミングを開始でき、プログラミングの直後にcommand + Rを実行できます。