ウェブストームは反応プロジェクトを構築できますか?

Webstorm は React プロジェクトをビルドできます 構築方法は、まず Webstorm をインストールして設定し、Webstorm 上でノード環境を設定し、ターミナルに「npm install -g create-react-app」をインストールして実行します; 最後に 新しい反応を作成するだけです。

#このチュートリアルの動作環境: Windows7 システム、webstorm2020.3&&react16.4.0 バージョン、Dell G3 コンピューター。

推奨: "

webstorm チュートリアル"

webstorm を使用して React プロジェクトを作成する

webstorm をダウンロードしてインストールし、構成すると、構成は成功します。

構成が成功したら、ウェブストーム プロジェクトを開始できます。

1: Webstorm でのノード環境の設定:

2: 完了後:

React 公式スキャフォールディング アドレス:

https://github.com/facebook/create-react-app

ターミナルに npm install -g create-react-app をインストールして実行しますプロジェクトごとにインストールする必要はありません。ウェブストームを一度インストールするだけです

#3: 新しい反応アプリ プロジェクトを直接作成できます。

4: 上に示すように: インストールの完了後: npm list -depath0 を実行します (空ではないダウンロードされた依存関係を確認してください)パッケージ)

#または npm ls (空のファイルを含む、ダウンロードされたすべての依存パッケージを確認します)

完了して入り口を開きます

##5: 最後に、自分で独自の反応プロジェクトを完成させることができます。

注: 最上位のパッケージ要素が必要です。そうでない場合は、エラーが発生します。が報告されます

以下に示すように:

6: 初期化:

新しいコンポーネント フォルダーを作成します。そして、以下に示すように header.js を作成します: ボタンはコンテンツの可視性を制御します

省略されたクラスの後のクラス ヘッダーは大文字にする必要があります。参照のために他の場所にエクスポートする必要がある場合は、エクスポートする必要がありますデフォルトのクラス

7: エクスポートされたコンポーネントへの参照

#8: 最終結果

#9: プロジェクトが完了したら、パッケージ化してオンラインにします。 Yarn buildを実行してアップロードされたファイルは以下のようになります

#

以上がウェブストームは反応プロジェクトを構築できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。