使用 WebStorm 创建 React App

原创

禅与计算机程序设计艺术 2022-06-10 12:32:59 ©著作权

©著作权归作者所有：来自51CTO博客作者禅与计算机程序设计艺术的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用 WebStorm 创建 React App_bundle

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