reactdemo/node

最新推荐文章于 2024-08-22 09:16:08 发布

hushui

最新推荐文章于 2024-08-22 09:16:08 发布

阅读量878

点赞数

分类专栏： Chrome HTTP 文章标签： react.js node.js javascript

本文链接：https://blog.csdn.net/hushui/article/details/114453112

版权

HTTP 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

Chrome

7 篇文章 0 订阅

订阅专栏

## remote debug in chrome needs chrome command line with --remote-debugging-port=9222

Microsoft Windows [版本 10.0.18363.1379]
(c) 2019 Microsoft Corporation。保留所有权利。

D:\>cd D:\Develop\React\node-v14.16.0-win-x64

D:\Develop\React\node-v14.16.0-win-x64>nodevars.bat
Your environment has been set up for using Node.js 14.16.0 (x64) and npm.

C:\Users\hushui>
C:\Users\hushui>node
Welcome to Node.js v14.16.0.
Type ".help" for more information.
> .help
.break Sometimes you get stuck, this gets you out
.clear Alias for .break
.editor Enter editor mode
.exit Exit the REPL
.help Print this help message
.load Load JS from a file into the REPL session
.save Save all evaluated commands in this REPL session to a file

Press Ctrl+C to abort current expression, Ctrl+D to exit the REPL
> .exit

C:\Users\XXXX>npm install -g create-react-app
D:\Develop\React\node-v14.16.0-win-x64\create-react-app -> D:\Develop\React\node-v14.16.0-win-x64\node_modules\create-react-app\index.js
+ create-react-app@4.0.3
added 67 packages from 25 contributors in 52.109s

D:\Develop\React\node-v14.16.0-win-x64>cd ..

D:\Develop\React>dir node-v14.16.0-win-x64\node_modules\create-react-app

D:\Develop\React\node-v14.16.0-win-x64\node_modules\create-react-app 的目录

2021/03/06 17:59 <DIR> .
2021/03/06 17:59 <DIR> ..
1985/10/26 16:15 34,645 createReactApp.js
1985/10/26 16:15 1,855 index.js
1985/10/26 16:15 1,080 LICENSE
2021/03/06 17:59 <DIR> node_modules
2021/03/06 17:59 1,961 package.json
1985/10/26 16:15 407 README.md
1985/10/26 16:15 498,287 yarn.lock.cached
6 个文件 538,235 字节
3 个目录 306,309,939,200 可用字节

D:\Develop\React>npx create-react-app reactdemo

Creating a new React app in D:\Develop\React\reactdemo.

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

> core-js@2.6.12 postinstall D:\Develop\React\reactdemo\node_modules\babel-runtime\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"

> core-js@3.9.1 postinstall D:\Develop\React\reactdemo\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"

> core-js-pure@3.9.1 postinstall D:\Develop\React\reactdemo\node_modules\core-js-pure
> node -e "try{require('./postinstall')}catch(e){}"

> ejs@2.7.4 postinstall D:\Develop\React\reactdemo\node_modules\ejs
> node ./postinstall.js

+ cra-template@1.1.2
+ react@17.0.1
+ react-scripts@4.0.3
+ react-dom@17.0.1
added 1915 packages from 725 contributors and audited 1918 packages in 1341.626s

131 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities

Git repo not initialized Error: Command failed: git --version
at checkExecSyncError (child_process.js:616:11)
at execSync (child_process.js:652:15)
at tryGitInit (D:\Develop\React\reactdemo\node_modules\react-scripts\scripts\init.js:46:5)
at module.exports (D:\Develop\React\reactdemo\node_modules\react-scripts\scripts\init.js:283:7)
at [eval]:3:14
at Script.runInThisContext (vm.js:133:18)
at Object.runInThisContext (vm.js:310:38)
at internal/process/execution.js:77:19
at [eval]-wrapper:6:22
at evalScript (internal/process/execution.js:76:60) {
status: 1,
signal: null,
output: [ null, null, null ],
pid: 13712,
stdout: null,
stderr: null
}

Installing template dependencies using npm...
npm WARN tsutils@3.20.0 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.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ web-vitals@1.1.0
+ @testing-library/react@11.2.5
+ @testing-library/user-event@12.8.1
+ @testing-library/jest-dom@5.11.9
added 29 packages from 78 contributors and audited 1947 packages in 26.999s

131 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities

Removing template package using npm...

npm WARN tsutils@3.20.0 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.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

removed 1 package and audited 1946 packages in 7.824s

131 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities

Success! Created reactdemo at D:\Develop\React\reactdemo
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 reactdemo
npm start

Happy hacking!

D:\Develop\React>
D:\Develop\React>
D:\Develop\React>
D:\Develop\React>
D:\Develop\React>
D:\Develop\React>
D:\Develop\React>dir

D:\Develop\React 的目录

2021/03/06 18:01 <DIR> .
2021/03/06 18:01 <DIR> ..
2021/03/06 17:59 <DIR> node-v14.16.0-win-x64
2021/03/06 17:57 28,587,391 node-v14.16.0-win-x64.zip
2021/03/06 18:24 <DIR> reactdemo
1 个文件 28,587,391 字节
4 个目录 306,314,477,568 可用字节

D:\Develop\React>cd

D:\Develop\React>cd D:\Develop\React\reactdemo

D:\Develop\React\reactdemo>dir

D:\Develop\React\reactdemo 的目录

2021/03/06 18:24 <DIR> .
2021/03/06 18:24 <DIR> ..
1985/10/26 16:15 310 .gitignore
2021/03/06 18:24 <DIR> node_modules
2021/03/06 18:24 690,564 package-lock.json
2021/03/06 18:24 812 package.json
2021/03/06 18:23 <DIR> public
1985/10/26 16:15 3,369 README.md
2021/03/06 18:23 <DIR> src
4 个文件 695,055 字节
5 个目录 306,314,477,568 可用字节

D:\Develop\React\reactdemo>npm run start

> reactdemo@0.1.0 start D:\Develop\React\reactdemo
> react-scripts start

i ｢wds｣: Project is running at http://192.168.56.1/
i ｢wds｣: webpack output is served from
i ｢wds｣: Content not from webpack is served from D:\Develop\React\reactdemo\public
i ｢wds｣: 404s will fallback to /
Starting the development server...
Compiled successfully!

You can now view reactdemo in the browser.

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

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