使用 WebStorm 创建 React App

时间:2024-04-12 17:35:10
使用 WebStorm 创建 React App
image.png
/usr/local/bin/node /usr/local/lib/node_modules/create-react-app/index.js .
Creating a new React app in /Users/jack/WebstormProjects/helloworld.

Installing packages. This might take a couple minutes.
Installing react-scripts from npm...


> [email protected] install /Users/jack/WebstormProjects/helloworld/node_modules/fsevents
> node install

[fsevents] Success: "/Users/jack/WebstormProjects/helloworld/node_modules/fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" already installed
Pass --update-binary to reinstall or --build-from-source to recompile

> [email protected] postinstall /Users/jack/WebstormProjects/helloworld/node_modules/uglifyjs-webpack-plugin
> node lib/post_install.js

+ [email protected]
added 1263 packages in 116.581s
npm notice created a lockfile as package-lock.json. You should commit this file.
Installing react and react-dom using npm...

+ [email protected]
+ [email protected]
added 2 packages in 19.051s

Success! Created helloworld at /Users/jack/WebstormProjects/helloworld
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 /Users/jack/WebstormProjects/helloworld
  npm start

Happy hacking!
Done

构建通用的 React 和 Node 应用

原文:Build a universal React and Node App

演示:https://judo-heroes.herokuapp.com/

译者:nzbin

译者的话:这是一篇非常优秀的 React 教程,该文对 React 组件、React Router 以及 Node 做了很好的梳理。