VScode 搭建 React 前端开发环境：修订间差异

来自牛奶河Wiki
跳到导航 跳到搜索
无编辑摘要
无编辑摘要
 
（未显示同一用户的7个中间版本）
第3行： 第3行：
==== node.js ====
==== node.js ====
  <nowiki>https://nodejs.cn/download/</nowiki>
  <nowiki>https://nodejs.cn/download/</nowiki>
下载长期支持版本
下载长期支持版本


==== VSCode ====
==== VSCode ====
  <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 右下窗口，终端选项卡中
=== SETUP ===
=== SETUP ===
  npm install -g create-react-app
  npm install -g create-react-app
Run npm install -g [email protected] to update!
Run '''npm install -g [email protected]''' to update!
  npx create-react-app my-app1
  npx create-react-app XXXX
时间大概需要 3~5分钟，生成了一个大小 230MB 的指定目录(XXXX)。除了 node_modules 目录，为 <1MB。
 
=== START ===
npm start
在刚刚建立的项目根目录下执行


=== Error ===
=== Error ===
==== 未安装 create-react-app ====
==== 未安装 create-react-app ====
执行 npx create-react-app XXXX 出现如下错误
  npm ERR! code ENOENT
  npm ERR! code ENOENT
  npm ERR! syscall lstat
  npm ERR! syscall lstat

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
...
取自“https://mwbbs.eu.org/wiki/index.php?title=VScode_搭建_React_前端开发环境&oldid=1233”