iOSのreactNative開発環境とreactNativeプロジェクトの作成

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プロジェクトを作成しましょう。

  1. まず、デスクトップに名前の付いたrn_demo フォルダを作成し ます
  2. 作成したフォルダをターミナルに入力します(cd)
  3. プロジェクトを作成します(プロジェクトを作成するコマンドは次のとおりです:react-native init HelloWorld

8.App.jsプログラミングを開きます

プロジェクトの実行中は、App.jsを開いてプログラミングを開始でき、プログラミングの直後にcommand + Rを実行できます。

 

おすすめ

転載: blog.csdn.net/sss1507089/article/details/105093780