1.Nodejs、VSコードのインストール
node.jsは最新バージョン(14以降)をインストールします.一部のウィンドウ環境では、最新バージョンでない場合は、最初のレスポンス項目を作成できません. 旧ノード.jsがインストールされていても、削除して最新バージョンに再インストールするインストールフォルダはCドライブのままで、次のボタンを押してインストールチョコレートは装着不要. 端末の使用に慣れていない場合は、VSコードの方が便利です.2.コードを含むフォルダの作成
学習用フォルダC:/searchサブフォルダを作成し、ReactClass名でフォルダを作成するVSコードがフォルダを開くファイル–Open Folderメニューを使うEXPLORERに作業フォルダ名が表示されますので、以降、コード作成やnpm使用の前に、必ずフォルダが正しく開いているかチェックしてください!
作業フォルダで端末を開き、フォルダ名が正しいことを確認する.
端末を開く方法
端末–New Terminalをクリック一番下のロープをつかんで上に引っ張るとターミナルウィンドウが出てくる.3.端末にコマンドを入力する
create-act-appライブラリを使用すると、reactプロジェクトを簡単かつ迅速に生成できます. npx create-react-app blog
端末に上記コマンドを入力npx:特定ライブラリを使用したプロジェクトの作成blog:私が決めた項目名 コマンドが完了したら、2～3分でインストールが完了します.4.エディタとしてblogフォルダを再度開く
インストールが完了すると、blogという新しいプロジェクトフォルダが作成されます. VSコードを返し、folderを再開して符号化を開始する.5.コードをプレビューする場合
srcフォルダから始まるappをエンコードします.jsでやればいいので、画面でコード作成が正しいかどうかを確認したい場合は、端末を開き、以下のコマンドを入力してください. npm start
入力時にブラウザが自動的にポップアップします.だめなら。
localhost:3000クロム直接入力をオンにします.