react native初めて作ったのです.花が散るまで待ちます.

3267 ワード

くどくど言う
最近react nativeという商品はとても人気があります.彼女がなぜあんなに怒っているのか技術的に説明してもらいたいなら、恥をかかないようにします.根掘り葉掘りのプログラムが好きな人がたくさんいます.私が言ったよりもずっと分かりました.私はreact nativeが大好きです.彼女がフロントエンドという呼び方を変えて、フロントエンドの次元を広げました.先端はH 5だけではなく、クライアントに侵入して転覆することもできます.nodejsがフロントエンドをサーバー端に挿し込むように、フロントエンドの存在感を高めます.これは私の期待と興奮です.
新米ドライバー
今日は深刻な問題については議論しません.シロとして、私は初めてreact nativeプロジェクトで踏んだピットを記録したいだけです.私の構築手順は公式文書を参照してきました.インストールする前にも読んでおくことをオススメします.
システム要求
  • は、OS Xシステムを要求しています.現在はiOSの実装のみが含まれています.(iOSの時代はすでに過ぎています.現在はAndroidをサポートしています.公式文書は技術更新がないだけですので、これらの詳細は全く気にしないでください.)
  • Xcodeをインストールします.XcodeはMacだけで実行できます.開発者はMacアプリストアからXcodeをダウンロードできますが、バージョンは必ず6.3以上になります.
  • はNode:Nodeまたはnpmの新米をインストールしてbrew install nodeを通じてNode.jsをインストールすることができます.Nodeをインストールする方式はたくさんあります.これはその中の一つです.ただし、必ずnodeのバージョンが4.0以上であることを確認します.以前にNodeがインストールされていて、バージョンが要求に達していないなら、焦らないでください.後で便利なアップグレードのステップを提供します.
  • Watch manをインストールする:Homebrewは、WAtch manをインストールするための公式の推奨キット管理ツールであり、そのインストール手順はHomebrew公式サイトを参照することができます.公式推奨のwatch manをインストールしてください.そうしないとnodeのファイル監視bugに出会うかもしれません.
  • flowを使いたいなら、brew install flowコマンドでflowをインストールすることができます.
  • Nodeを更新
    nodeにはnというモジュールがあります.node.jsのバージョンを管理するために専用です.まずnモジュールをインストールします.
    npm install -g n
    第二ステップ、node.jsをアップグレードして最新の安定版に着きます.
    n stable
    最新バージョンにアップグレードしたいなら、次のコマンドを使用してもいいです.
    n latest
    簡単ですが、木がありますか?nodeを指定されたバージョンにアップグレードしたい場合は、nコマンドを使用してバージョン番号に従うことができます.たとえば:
    n v0.10.26
    または
    n 0.10.26
    快速に出発する
    新規プロジェクトの構築
    後はあまり内容がないです.たとえ短気であっても、後の部分を見てからやりたいです.公式で推奨されているインストール手順はこのようなものですが、これはピットだと思います.もちろん、あなたのnodeはすでにオフィシャル要求の4.0以上にヒットしています.そして、ウオッチマンも取り付けられています.さもなくば、インストールする時ずっとカーソルを回して、まったく止まらない情況、それは自分で自分を陥れました.
    npm install -g react-native-cli //     react-native
    react-native init AwesomeProject //       AsesomeProject    
    上記の二つの命令を実行した時、プロジェクトは成功していないことを発見しました.卑劣なのは私に一連のエラーを提示しました.妹さん、間違えました.早く言ってください.そんなに長く待たされました.キーボードはもうほとんど食べました.
    エラーメッセージの大まかな意味は、ローカルがインストールされていないグローバルreact-nativeのみがインストールされているということです.ですから、私が提案したインストールの手順はこうです.
    npm install -g react-native-cli //     react-native
    npm install --save react-native
    react-native init AwesomeProject //       AsesomeProject    
    権限エラーの場合は、コマンドの前にsudoプレフィックスを追加してください.
    AwesomeProject/ディレクトリでは次のような操作が行われます.
    新しいプロジェクトを実行します
  • AwesomeProkect.xcodeprojを開いて、Xcodeの中でrunをクリックして実行します.
  • テキストエディタでindex.ios.jsを開いてコードを編集します.
  • は、iOS simultorでcmd+R(twice)を押してAPPをリロードし、以前の変更を観察する.
  • 淘宝npmの鏡像を使います.
    この文章を発表する前に、私はsfでRNプロジェクトの作成速度がキーボードを食べるほど遅くなるということについて質問しました.子供の答えがヒントになりました.npmソースを変えたら、プロジェクトの遅い雑病薬を構築して病気になる可能性があるという.一度試してみたらどうですか?
    3つの方法のいずれも問題を解決することができます.3つ目を使って、配置を書き込みます.次回使う時の配置はまだあります.
    1.config命令による
    npm config set registry https://registry.npm.taobao.org 
    npm info underscore //                  response
    2.コマンドライン指定
    npm --registry https://registry.npm.taobao.org info underscore 
    3.~/.npmrcファイルを編集し、次の内容に加える.
    registry = https://registry.npm.taobao.org
    おめでとうございます最初のReact Nativeアプリはこのようにして新しくできました.ORZ…簡単な手順だったが、エピソードのために時間がかかりました.最後の結果はやはり素晴らしいです.