idea使用node创建React项目笔记

个人idea创建React项目笔记

1.首先本地安装Node.js
下载地址:Node
安装:傻瓜式安装,自动配置环境变量
注意:如果之前安装过Node,一定要先卸载,直接删除nodejs或者node文件没用
cmd node -v查看
2.接下来全局安装create-react-app yarn-命令:npm install -g create-react-app yarn
使用create-react-app antd-demo创建antd-demo项目
注意:在创建项目的过程中会遇到很多问题,
例如:error A unexpected error ccurred "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz:timeout-大概意思就是访问仓库的超时了,是因为用的是国外的仓库,要么就不行,要么就很慢,所以改用taobao的npm install -g cnpm --registry=https://registry.npm.taobao.org,然后修改create-react-app使用cnpm,详细请看:https://blog.csdn.net/andr0id/article/details/91384166

command = 'npm'; --> command = 'cnpm';
 
npmVersion = execSync('npm --version')  -->  npmVersion = execSync('cnpm --version')
 
let httpsProxy = execSync('npm config get https-proxy') -->  let httpsProxy = execSync('cnpm config get https-proxy')
 
childOutput = spawn.sync('npm', ['config', 'list']).output.join(''); -->  childOutput = spawn.sync('cnpm', ['config', 'list']).output.join('');
————————————————
版权声明:本文为CSDN博主「gergul」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/andr0id/article/details/91384166

例如:Found incompatible module
设置yarn如下:
yarn config set ignore-engines true
详细:https://blog.csdn.net/qq_42144899/article/details/88574761

出现这样的就说明成功了
在这里插入图片描述
3.在idea中就可以直接看到
在这里插入图片描述
在run config…里面配置
在这里插入图片描述
直接run,访问http://localhost:3000
在这里插入图片描述
完成

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值