webstorm 创建react组件_使用 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...

> fsevents@1.1.2 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

> uglifyjs-webpack-plugin@0.4.6 postinstall /Users/jack/WebstormProjects/helloworld/node_modules/uglifyjs-webpack-plugin

> node lib/post_install.js

+ react-scripts@1.0.17

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...

+ react-dom@16.1.1

+ react@16.1.1

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 教程，该文对 React 组件、React Router 以及 Node 做了很好的梳理。