VScode 搭建 React 前端开发环境:修订间差异
跳到导航
跳到搜索
无编辑摘要 |
无编辑摘要 |
||
(未显示同一用户的1个中间版本) | |||
第8行: | 第8行: | ||
<nowiki>https://code.visualstudio.com/Download</nowiki> | <nowiki>https://code.visualstudio.com/Download</nowiki> | ||
zip 版本直接解压使用 | zip 版本直接解压使用 | ||
C:\Users\ldscf>node -v | |||
v18.17.0 | |||
C:\Users\ldscf>npm -v | |||
9.6.7 | |||
以下操作可以在 VSCode 右下窗口,终端选项卡中 | 以下操作可以在 VSCode 右下窗口,终端选项卡中 | ||
第15行: | 第21行: | ||
npx create-react-app XXXX | npx create-react-app XXXX | ||
时间大概需要 3~5分钟,生成了一个大小 230MB 的指定目录(XXXX)。除了 node_modules 目录,为 <1MB。 | 时间大概需要 3~5分钟,生成了一个大小 230MB 的指定目录(XXXX)。除了 node_modules 目录,为 <1MB。 | ||
=== START === | |||
npm start | |||
在刚刚建立的项目根目录下执行 | |||
=== Error === | === Error === |
2023年7月31日 (一) 12:39的最新版本
INIT
node.js
https://nodejs.cn/download/ 下载长期支持版本
VSCode
https://code.visualstudio.com/Download zip 版本直接解压使用
C:\Users\ldscf>node -v v18.17.0 C:\Users\ldscf>npm -v 9.6.7
以下操作可以在 VSCode 右下窗口,终端选项卡中
SETUP
npm install -g create-react-app
Run npm install -g [email protected] to update!
npx create-react-app XXXX 时间大概需要 3~5分钟,生成了一个大小 230MB 的指定目录(XXXX)。除了 node_modules 目录,为 <1MB。
START
npm start 在刚刚建立的项目根目录下执行
Error
未安装 create-react-app
执行 npx create-react-app XXXX 出现如下错误 npm ERR! code ENOENT npm ERR! syscall lstat ...