创建React工程
2020-08-17 09:15 宋海宾 阅读(209) 评论(0) 编辑 收藏 举报1.样例
创建一个my-react-app项目
#create-react-app my-react-app Creating a new React app in /Users/steven/work/mycode/html/my-react-app. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template... > fsevents@1.2.13 install /Users/steven/work/mycode/html/my-react-app/node_modules/jest-haste-map/node_modules/fsevents > node install.js SOLINK_MODULE(target) Release/.node CXX(target) Release/obj.target/fse/fsevents.o SOLINK_MODULE(target) Release/fse.node > fsevents@1.2.13 install /Users/steven/work/mycode/html/my-react-app/node_modules/watchpack-chokidar2/node_modules/fsevents > node install.js SOLINK_MODULE(target) Release/.node CXX(target) Release/obj.target/fse/fsevents.o SOLINK_MODULE(target) Release/fse.node > fsevents@1.2.13 install /Users/steven/work/mycode/html/my-react-app/node_modules/webpack-dev-server/node_modules/fsevents > node install.js SOLINK_MODULE(target) Release/.node CXX(target) Release/obj.target/fse/fsevents.o SOLINK_MODULE(target) Release/fse.node > core-js@2.6.11 postinstall /Users/steven/work/mycode/html/my-react-app/node_modules/babel-runtime/node_modules/core-js > node -e "try{require('./postinstall')}catch(e){}" > core-js@3.6.5 postinstall /Users/steven/work/mycode/html/my-react-app/node_modules/core-js > node -e "try{require('./postinstall')}catch(e){}" > core-js-pure@3.6.5 postinstall /Users/steven/work/mycode/html/my-react-app/node_modules/core-js-pure > node -e "try{require('./postinstall')}catch(e){}" + cra-template@1.0.3 + react@16.13.1 + react-dom@16.13.1 + react-scripts@3.4.3 added 1589 packages from 755 contributors in 92.285s 65 packages are looking for funding run `npm fund` for details ┌───────────────────────────────────────────────────────────┐ │ npm update check failed │ │ Try running with sudo or get access │ │ to the local update config store via │ │ sudo chown -R $USER:$(id -gn $USER) /Users/steven/.config │ └───────────────────────────────────────────────────────────┘ Initialized a git repository. Installing template dependencies using npm... npm WARN tsutils@3.17.1 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself. + @testing-library/jest-dom@4.2.4 + @testing-library/react@9.5.0 + @testing-library/user-event@7.2.1 added 36 packages from 57 contributors in 12.763s 65 packages are looking for funding run `npm fund` for details ┌───────────────────────────────────────────────────────────┐ │ npm update check failed │ │ Try running with sudo or get access │ │ to the local update config store via │ │ sudo chown -R $USER:$(id -gn $USER) /Users/steven/.config │ └───────────────────────────────────────────────────────────┘ Removing template package using npm... npm WARN tsutils@3.17.1 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself. removed 1 package in 7.466s 65 packages are looking for funding run `npm fund` for details ┌───────────────────────────────────────────────────────────┐ │ npm update check failed │ │ Try running with sudo or get access │ │ to the local update config store via │ │ sudo chown -R $USER:$(id -gn $USER) /Users/steven/.config │ └───────────────────────────────────────────────────────────┘ Created git commit. Success! Created my-react-app at /Users/steven/work/mycode/html/my-react-app 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 my-react-app npm start Happy hacking!