戻る
■プロジェクトを作成して開発
■プロジェクトを作成 >cd C:\localhost\home\refirio_org\public_html\memos\react_project >npx create-react-app readt_app hello_app フォルダが作成され、その中にファイルが作成される もしくは npx ではなく npm でも作成できる。結果はまったく同じ。ただし引数が若干異なるので注意 >npm init react-app readt_app プロジェクトの操作はこのフォルダ内で行うため、フォルダ内に移動しておく >cd readt_app 以下でプロジェクトを実行する >npm start Compiled successfully! You can now view readt_app in the browser. Local: http://localhost:3000 On Your Network: http://192.168.56.1:3000 Note that the development build is not optimized. To create a production build, use npm run build. 上記のように表示され、表示されている http://localhost:3000/ にアクセスするとページが表示される ■プロジェクトをビルド 以下でプロジェクトをビルドできる >npm run build build 内にファイルが書き出さる これらをWebサーバの公開フォルダ直下に配置すると画面が表示される ただしパスは「/」はじまりのため、公開フォルダ直下でないと表示されないが、 package.json に以下を追加して再ビルドすると表示されるようになる
{ "name": "readt_app", "version": "0.1.0", "private": true, "homepage": "./", … 追加