ディレクトリ

1.利用アプリを反応させるの作成理由

前面からスクリプトそれが完了することができますが、方法React.jsの開発を、今、非常に重要なフロントエンド機能がある-モジュラー、それを使用することはできません。

アプリの紹介に反応2.Create

作成するには、アプリが反応に使用されるのNode.jsのすばやく生成する私たちを助けることができるそれによって書かれたコマンドラインツールReact.jsのプロジェクトと建てバベル、WebPACKの私たちが達成するために、その他のツールをES6 +の解像度、モジュラー分析パッケージそれを介して、あります、我々は、モジュラーおよび使用することができますES6 +いくつかは、そのような更新などの機能を。また、内蔵されESLint文法検出ツール、冗談ユニットテストツールを。ありますベースのNode.jsのウェブサーバーの助けを借り、より良い私たちは地元のプレビューアプリケーションでは、より多くあります。

これらがされているアプリケーションリアクト作成の助けを私たちがインストールされ、構成された箱から出して

3.インストールと使用

することにより、NPM、糸、NPXの缶。

インストール用の糸を使用して作成して反応するアプリのデフォルトを足場。あなたが糸を使用して問題が発生した場合は、依存関係をインストールし、することができます作成反応するアプリ反応-デモ --use-NPM コマンドさまざまなNPM依存的に取り付けるために使用します。

3.1インストール

海抜

npm i -g create-react-app

NPM開始し、自動的にアプリケーションサーバを開き、デフォルトのブラウザを開きます。
NPMテスト：実行冗談のテスト
RUN NPMの構築：パッケージ化されたアプリケーション（オンライン準備）

糸

yarn global add create-react-app

糸開発アプリケーションサーバを起動し始めます。
糸ビルドが良いの開発プロジェクトを構築するために使用されます。
テストコードのための糸テスト
糸yeildは推奨されません。いくつかの依存関係と設定ファイルや他のいくつかの開発プロセスを削除します。それは達成するために、ソースコードやコンテンツを分析するのに役立つことができますが、このコマンドは取消不能です。

3.2

インストールが完了したら、あなたは使用することができます作成反応するアプリのコマンドを

create-react-app <项目名称>

ORでNPX方法

NPX

npx create-react-app <项目名称>

4.プロジェクトのディレクトリ構造

ディレクトリ・プロジェクトの名前とディレクトリ名を作成するには、次のコマンドを実行してコマンドを実行した後、

店舗サードパーティの依存関係：ディレクトリをnode_modules
公開ディレクトリ：ようなプロジェクトでのindex.htmlファイルなどの静的ファイルを格納します。
SRCディレクトリ：最も重要な文書
index.js：エントリファイル

my-app/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg