重新下载 ant design pronp

一、项目重建

要删除前端代码并

重新下载Ant Design Pro,您可以按照以下步骤操作:

  1. 删除项目文件夹:找到您的Ant Design Pro项目文件夹,将其完全删除。
  2. 清除npm缓存:在命令行中运行npm cache clean --force以清除npm的缓存。
  3. 克隆仓库:如果您之前是通过Git克隆的方式获取的项目,可以再次使用git clone https://github.com/ant-design/ant-design-pro.git来重新克隆仓库到本地。
  4. 进入项目目录:通过cd ant-design-pro命令进入到新克隆的项目目录中。
  5. 安装依赖:运行npm install来安装项目所需的所有依赖包。
  6. 启动项目:最后,使用npm start命令来启动项目,这时候您应该可以看到项目已经成功运行在本地开发服务器上。

只做了 1 & 2,2 还失败了

后期可以,只删除文件夹,就可以了,没必要全部删除

二、解决问题:

【国内镜像,最新的】

npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired_npm request-CSDN博客


【切换删除指令】

npm install报错,解决记录_npm warn using --force recommended protections dis_/node_modules/node-gyp/bin/node-gyp.js" "rebuild" -CSDN博客

https://juejin.cn/post/7242209076360101947

百度安全验证

三、文件必须有的环境  【有问题,退出重进 或重启电脑】1)   node.js   2) yarn   3)github【下载代码,拉包】 4)创建项目

https://blog.csdn.net/chemddd/article/details/133637601

1)

2) npm 必须装好 。涉及淘宝镜像,淘宝镜像下载速度快,

里面还有坑,看有没有过期。过期了,需换新的。谷歌百度去

终于看到了  文件夹

出现'yarn' 不是内部或外部命令,也不是可运行的程序或批处理文件的问题,通常是因为Yarn没有被正确安装或者其可执行文件的路径没有被添加到系统的环境变量中。为了解决这个问题,您可以尝试以下步骤:

  1. 重新安装Yarn
  • 首先,如果您之前已经安装了Yarn,建议先卸载它。在命令行中运行 npm uninstall yarn -g 来全局卸载Yarn。
  • 然后,重新安装Yarn,运行 npm install yarn。确保不要使用 -g 参数,因为这样可能会导致安装不生效。
  1. 添加环境变量
  • 找到Yarn的安装路径。通常情况下,它会被安装在Node.js的 node_modules 文件夹下。例如,路径可能是 C:\soft vm pm ode_modulesyarn\bin
  • 将Yarn的可执行文件路径添加到系统环境变量中。具体操作是:右键点击“我的电脑”->选择“属性”->进入“高级系统设置”->点击“环境变量”->在“系统变量”中找到“Path”->点击“编辑”->在变量值的最后添加Yarn的可执行文件路径。
  1. 检查Yarn版本
  • 安装完成后,您可以通过运行 yarn --version 来检查Yarn是否已经被正确安装,并且其版本信息是否正确显示。
  1. 重启命令行窗口
  • 有时候,即使添加了环境变量,也需要重启命令行窗口才能使更改生效。

总的来说,如果您按照上述步骤操作后仍然遇到问题,建议查看Yarn的官方文档或者在相关技术社区(如Stack Overflow)寻求帮助,以获取更具体的解决方案。

请添加环境变量

yarn的安装和使用(极其详细)_yarn安装-CSDN博客

重新打开进入

3)github

用户管理 --汇总 -- 明细-CSDN博客

4)不要输入手册指令。打开的不是想要的页面。请输入;npx pro create myapp6

与鱼皮不一致

成功了,因为这里我用的是国内的镜像源,下载速度快。选择错误不成功

四、新建项目

新建文件夹 ,cmd 管理员身份运行,并指向文件夹地址

下载 umi 3

npx pro create yupiqd

下载依赖

yarn install

下载umi

用户中心(上)-CSDN博客

yarn add @umijs/preset-ui -D

四、打开项目,成功运行

webstorm

初始化项目的依赖包,解决一大片红

1) 输入:npm install   或者: yarn

五、电脑谷歌 网址:

用户中心项目 | 鱼皮的编程宝典

鱼皮的用户中心项目 (前端Ant Design Pro构建) · 语雀

https://wx.zsxq.com/dweb2/index/topic_detail/184522182814122
 

六、最终处理方法:

使用软件 VS CODE,好了 

代码拉下来,再webstorm运行出现如下问题,解决不了。【待定】说是环境问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值