MacOSで開発環境React NativeターゲットプラットフォームiOSを構築する

公式ウェブサイト:https : //reactnative.cn/docs/getting-started

開発プラットフォーム:macOS
ターゲットプラットフォーム:iOS

依存関係をインストールする

インストールする必要がある依存関係は、Node、Watchman、Xcode、CocoaPodsです。

任意のエディターを使用してアプリケーションを開発(jsコードを作成)できますが、iOSアプリケーションのコンパイルに必要なツールと環境を取得するには、Xcodeをインストールする必要があります

私たちはお勧めHomebrewインストールするNodeWatchmanコマンドラインで次のコマンドを実行してインストールし
ますインストールしていない場合は、最初にインストールしてください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です。

わかりました
ここに画像の説明を挿入

41件のオリジナル記事を公開しました Likes2 1836を訪問します

おすすめ

転載: blog.csdn.net/weixin_43883485/article/details/105426882