【React入門】react-create-appを使って開発環境構築をしよう！！

C:¥Users¥****>node --version
v14.15.4

C:¥Users¥****>node -v
v14.15.4

C:\Users\*****\Documents\sample-react-app>npx create-react-app sample-client

Creating a new React app in C:\Users\*****\Documents\sample-react-app\sample-client.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

・・・

Success! Created sample-client at C:\Users\*****\Documents\sample-react-app\sample-client
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd sample-client
  npm start

Happy hacking!

We suggest that you begin by typing:

  cd sample-client
  npm start

Happy hacking!

C:\Users\*****\Documents\sample-react-app>cd sample-client

C:\Users\*****\Documents\sample-react-app\sample-client>npm start

> sample-client@0.1.0 start C:\Users\*****\Documents\sample-react-app\sample-client
> react-scripts start

i ｢wds｣: Project is running at http://192.168.0.105/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from C:\Users\*****\Documents\sample-react-app\sample-client\public
i ｢wds｣: 404s will fallback to /
Starting the development server...
Compiled successfully!

You can now view sample-client in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.0.105:3000

Note that the development build is not optimized.
To create a production build, use npm run build.