スーパーツールCreat反応アプリで反応環境を設定する!

ツールの設定

あなたがNODEJSと糸がインストールされている場合は、ライブラリをインストールする次のセクションに移動するclick hereすることができます.

nodejsのインストール

まず、NodeJSをインストールする必要があります.このウェブサイトから最新バージョンをダウンロードすることができます.
nodejs website
Windows上で端末をオープンし、コマンドプロンプトをWindowsにインストールしたら、以下のコマンドを入力してインストールします.

node -v

それがnodejsのバージョンを示すならば、それは首尾よくインストールされたことを意味します.

糸をグローバルに取り付ける

ノードをインストールしたら、あなたのプロジェクトで糸を使用できるようにグローバルに糸をインストールする必要があります.以下のコマンドでインストールできます:

npm install -g yarn

- gフラグはグローバルにインストールされることを意味します.
このコマンドを端末に入力することで、糸がうまくインストールされたかどうかテストできます.

yarn -v

私がこのポストを書いていた瞬間に、私はバージョン1.22.4を持ちます.

アプリケーションを作成する

このコマンドを入力することにより、ライブラリをグローバルに作成することができます.

npm i -g create-react-app

一度、次のコマンドでバージョンを見て確認できます.

 create-react-app --version

インストールしたバージョンは3.4.1です.

環境の設定

アプリケーションプロジェクトの作成

次のコマンドでアプリケーションフォルダを作成する必要があります.

create-react-app <project_name>

これはプロジェクトの名前です
これは新しいディレクトリを生成するつもりです、そして、我々が我々の反応アプリケーションを始めるために必要とするすべてのボイラープレートファイルで、それはそれを収容するつもりです.
さて、作成したフォルダに移動し、プロジェクトの開発を開始し、Visual Studioのコードを開きます.

cd react-validation
yarn start
code . 

あなたのブラウザにこの画面が表示されます

ボイラ板の洗浄

いくつかのボイラープレートファイルの削除

ソース( src )ディレクトリに次のファイルを削除します.

アプリ.CSS

アプリ.テスト.JS

インデックス.CSS

のロゴ.SVG

最後はこんな感じに違いない.

アプリのコンテンツを削除します。js

それを含むヘッダー・タグのすべての内容を削除してください、反応から1つのdivと1つの輸入を残してください.

インデックスを削除します.インデックスのインポート.CSS

今、我々は完全に空白のページを我々はすべてのプロジェクトを起動することができます.