简单命令行创建ReactApp

本文介绍如何解决create-react-app不是内部命令的错误。通过查询已安装的全局npm包并正确配置系统环境变量Path,确保create-react-app能正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

工具:使用create-react-app脚手架开发

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

作为小白,这里会出现一个问题:
create-react-app不是内部命令的错误。这也是用npm安装全局包时经常出现的问题。这里简单说下我跳坑的小办法。

第一步:查询系统安装了哪些全局包

$ npm list -g –depth=0 [是零不是o]

会返回一些包的安装信息,类似如下
C:\Users\sunlei\AppData\Roaming\npm
+—create-react-app

第二步:
将得到的路径C:\Users\sunlei\AppData\Roaming\npm添加到系统环境变量的Path路径下

环境变量打开方法:

【我的电脑】 – 【右键属性】 – 【左边栏选择“高级系统设置”】 – 【选择“环境变量”按钮】– 【在弹出的对话框中在系统变量中找到Paht字段】 – 【编辑添加你电脑里的上述路径】

这里写图片描述

如果出现如下页面就表示成功喽。

在浏览器输入http://localhost:3000/

这里写图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值