公式ウェブサイト:https : //reactnative.cn/docs/getting-started
開発プラットフォーム:macOS
ターゲットプラットフォーム:iOS
依存関係をインストールする
インストールする必要がある依存関係は、Node、Watchman、Xcode、CocoaPodsです。
任意のエディターを使用してアプリケーションを開発(jsコードを作成)できますが、iOSアプリケーションのコンパイルに必要なツールと環境を取得するには、Xcodeをインストールする必要があります
私たちはお勧めHomebrew
インストールするNode
とWatchman
。コマンドラインで次のコマンドを実行してインストールし
ますインストールしていない場合は、最初にインストールしてくださいHomebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew install node
brew install watchman
Nodeをインストールしている場合は、そのバージョンがv12以降かどうかを確認してください。Nodeをインストールした後、npmミラー(Taobaoソース)をセットアップして、後続のプロセスを高速化する(または科学的なインターネットツールを使用する)ことをお勧めします。
注意:不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!!!
# 使用nrm工具切换淘宝源
npx nrm use taobao
# 如果之后需要切换回官方源可使用
npx nrm use npm
Watchmanは、ファイルシステムの変更を監視するためにFacebookが提供するツールです。このツールをインストールすると、開発中のパフォーマンスが向上します(パッケージャーはファイルの変更をすばやくキャプチャして、リアルタイムの更新を実現できます)。
以下は私のコンピュータの醸造ノードウォッチマンバージョンです
糸
糸は、ノードモジュールのダウンロードを高速化できるnpmを置き換えるためにFacebookによって提供されるツールです。
npm install -g yarn
NPM糸をインストールした後、代わりに糸を使用することができ、例えば、代わりにNPMの糸を使用してコマンドをインストールし、糸とサードパーティのライブラリ名の代わりに、NPMは、サードパーティのライブラリ名のインストール追加
別のソース構成は私のブログの記事を参照してくださいピランを:Macのインストール糸セット鏡
CocoaPods
CocoaPodsはRubyで書かれたパッケージマネージャーです。バージョン0.60以降、ReactネイティブiOSバージョンでは、依存関係を管理するためにCocoaPodsが必要です。次のコマンドを使用して、cocoapodsをインストールできます。
もちろん、インストールがスムーズでない場合があります。壁越しに試すか、国内のミラーソースを探してください。
psこのステップが成功しない場合、プロジェクトは開始できません。
sudo gem install cocoapods
または、brewを使用してインストールできます
brew install cocoapods
バージョンを表示
pod --version
また、ruby2.6バージョン以下では最新バージョンをインストールできないようです。つまり、macOSバージョン10.15(Catalina)より前のバージョンを直接インストールすることはできません。古いバージョンをインストールしてみてください。私のコンピュータは、低いバージョンを使用しているため、10.15よりも私sudo gem install cocoapods -v 1.8.4
sudo gem install cocoapods -v 1.8.4
Xcode
現在、React NativeにはXcode 10以降が必要です。App StoreまたはApple Developerの公式Webサイトからダウンロードできます。この手順では、Xcode IDE、Xcodeのコマンドラインツール、iOSシミュレータを同時にインストールします。
psこのソフトウェアは非常に大きく、ダウンロードするために一定の時間待つ必要があります
Xcodeのコマンドラインツール
Xcodeを起動し、特定のバージョンのコマンドラインツールがXcode | Preferences | Locationsメニューにインストールされているかどうかを確認します。Xcodeのコマンドラインツールには、gitなどの必要なツールが含まれています。
新しいプロジェクトを作成する
以前に古いreact-native-cliコマンドラインツールをグローバルにインストールしたことがある場合は、競合を避けるためにnpm uninstall -g react-native-cliを使用してアンインストールしてください。
React Nativeの組み込みコマンドラインツールを使用して、「FirstApp」という新しいプロジェクトを作成します。このコマンドラインツールをインストールする必要はありません。nodeに付属のnpxコマンドを直接使用できます(デフォルトでは、initコマンドが最新バージョンを作成することに注意してください)。
这一步非常重要 鬼知道我在这里经历了什么...
CocoaPods倉庫も中国ではアクセスが困難です。CocoaPodsのインストール手順カードが長い場合は、この国内ミラーを試すことができます
cd 文件路径
npx react-native init FirstApp
React Nativeアプリケーションを実行する
プロジェクトディレクトリで実行するyarn ios
か、yarn react-native run-ios
cd AwesomeProject
yarn ios
# 或者
yarn react-native run-ios
ヒント:このコマンドが正しく機能しない場合は、Xcodeを使用して実行し、特定のエラーを確認してください(run-iosは特定の情報を報告していません)。バージョン0.60以降のメインプロジェクトファイルは.xcprospaceではなく、.xcodeprojです。
わかりました