Ant Design Pro 前期安装配置（Windows）及所遇问题

最新推荐文章于 2024-06-19 09:38:33 发布
最新推荐文章于 2024-06-19 09:38:33 发布
阅读量2.9k 收藏 6
点赞数 1
分类专栏： ant design pro 文章标签： ant design pro umi ant design
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44019809/article/details/99820321
版权
本文档详细介绍了在Windows环境下安装配置Ant Design Pro模板时遇到的问题，包括'umi'不是内部或外部指令、node_modules缺失、husky安装失败等。通过npm install、修改package.json和可能的环境变量设置，成功解决问题并实现项目启动和区块添加。
摘要由CSDN通过智能技术生成

Ant Design Pro 前期安装配置（Windows）及所遇问题

具体安装该模板步骤，参见ant design pro网站 官网 ：(https://pro.ant.design/index-cn)
在这里插入图片描述
之后，你需要在你选择的目录下，新建一个空文件夹，用来存放下载资源；接着使用cmd 进入你指定的文件夹目录下，并使用命令 yarn create umi OR npm create umi
在这里插入图片描述
在这里插入图片描述
目前先选择第一个，使用箭头来选择==键盘上的1234… 然后回车即可；
打开项目文件包，这里我使用的是 PyCharm 免费社区版
根据官网流程，在终端输入 npm start 即可浏览 模板，于是第一个问题来了
在这里插入图片描述
（照片没有保留原图，有点糊）具体就是**（1）umi

最低0.47元/天 解锁文章
着魔村民
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
ant design pro根据文档安装时无法识别pro脚手架命令
m0_51518257的博客
04-05 763
总结：还是对环境配置不是很熟悉，并且过于轻信官方的配置环境变量的完整性了 ，去百度：下载脚手架后无法使用，比直接百度：pro无法识别。但是实测还是不太行，因为其实他的pro命令相关的文件是存在到node_global中（因为我是用-g 配置安装的），将其加入到环境变量中即可。2.其实期间我也有想到是环境变量的问题，我就想着，那既然安装了包，那我去到包里面去配一个环境变量，那肯定是找得到的。这说明了就是路径没有识别到，我觉得msi他肯定自己都配置好环境变量了，所以一开始也没想着去修改环境变量。
umi+dva+antd环境开发遇到问题
atubo1234的专栏
07-23 675
import { Effect 等 API } from umi 无效？ [解]umi版本^3.5以上遇到该问题，首先确认三件事： (1)我使用的是.umirc.ts做的配置，在该文件中查找，确认配置中开启了dva，因为dva是手动开启， (2)有没有有效的 dva model，可通过执行 umi dva list model 检查，或者执行 umi g tmp 后查看 src/.umi/plugin-dva/dva.ts 中检查 model 注册情况 (3)tsconfig.json中 path 配置如.
Ant Design Pro安装过程
最新发布
dpp10683401的博客
06-19 133
卸载当前安装的 pro-cli，然后指定版本安装，经过测试 3.1.0 这个版本就可以选择umi版本，重新使用。安装 pro-cli 即可。
【 umi ant-design-pro 】项目 启动项目提示sh: umi: command not found # mac系统
q1ngqingsky的博客
12-13 2015
umi ant-design-pro项目 启动项目npm start提示。当再次启动本地项目npm strat时候就不在提示上面的报错了。3. 运行open命令，打开.bash_profile文件。如果没有.bash_profile文件。，并确保版本是 2.0.0 或以上。4.运行下面命令修改生效。5.再次运行umi -v。问题：# mac系统。
Ant Design Pro项目中 提示：找不到模块“@ant-design/pro-components”或其相应的类型声明
前端-卡布达的博客
03-07 1万+
Ant Design Pro项目中 提示：找不到模块“@ant-design/pro-components”或其相应的类型声明
ant design pro动态菜单
03-30
在Ant Design Pro中实现动态菜单是一项常见的需求，尤其是在构建企业级后台管理系统时。Ant Design Pro是一个基于Ant Design和React的高级UI框架，它提供了一系列组件和解决方案，帮助开发者快速搭建和定制后台应用...
ant design4.40 web组件库 ant design pro后台模板库（精细-完整）
12-26
Ant Design 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ant design4.40-web组件库 是基于Axure ，参考Ant Design 的样式而设计的一套模板库，是产品经理必备套件库，Ant Design...
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
Ant Design Pro 下实现文件下载的实现代码
10-15
主要介绍了Ant Design Pro 下实现文件下载的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ant-design-pro 项目运行报错解决
热门推荐
Veni的博客
08-23 2万+
第一步：安装git 第二步：安装图片输入命令 在运行到npm insatll 这一步的时候一直报错，详情就不写了，试了淘宝镜像一样报错。 最后用yarn命令，会报错淘宝镜像运行结尾有报错，所以卸载了淘宝镜像：npm uninstall cnpm -g ,然后再用yarn install,npm start，就可以运行项目。具体原因不知道为什么。...
安装umi教程（报错及解决办法）
weixin_43915401的博客
03-09 2398
安装umi教程（报错及解决办法）
极简步骤试玩Ant Design Pro myapp demo
csdn_zf的专栏
05-06 1196
今天试了一把最新版本（v5.2.0）Ant Design Pro myapp demo： 确保安装cnpm，比npm快。有大把时间的可以忽略： npm install -g cnpm --registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org 1. cd一个空目录，git clone https://github.com/ant-design/ant-design-p
解决 npm install 时出现的.git can‘t be found (see https://git.io/Jc3F9)的问题 run `npm fund` for details问题解决
念兮为美
08-05 1万+
今天使用webStorm打开ant design pro项目，执行如是命令时：npm install ，出现了.git can't be found (see https://git.io/Jc3F9)这个问题。我经过一步一步的问题定位，解决了这个问题。同时，也解决了xxx packages are looking for funding run `npm fund` for details这个问题。..................
新建一个umi-block（区块）的步骤
qq_43264596的博客
01-06 3491
项目需要 要新建一个区块作为目录 每个区块独立运行，刚拿到手一脸懵逼，赶紧去umiJS官网官网地址 查看了下文档 上面说用yarn create umi --type=block 这个命令行可以进行新建区块 感觉so easy 然后就兴致冲冲的去我的文件夹目录新建了个文件夹 用了这个命令 结果 报错了 我的心好痛 又去网上搜索找半天终于找到个可以解决的办法 赶紧来CSDN记录一下 首先全...
记一次umi开发后台管理系统的基础使用
xiaocuige007的博客
03-22 7113
先介绍一个umi,阿里开源的一个企业级可插拔的react脚手架, umi相对比react官方推荐的脚手架更加的简单,更贴近vue-cli的使用感受,而本文仅仅介绍基础使用方法,高手请绕行 开发展示 仿叮咚买菜后台管理系统预览: http://dingdong-admin.nodebook.top/ 仿叮咚买菜 前台页面: http://dingdong.nodebook.top/ 叮咚买菜后台管理...
umi搭建react+antd项目（一）环境配置
侞婼冇罪
11-13 1万+
1.先创建文件夹，windows用户手动创建就行了 mkdir myReact && cd myReact 2.在myReact目下，执行脚手架命令，默认选择antd yarn create umi 创建项目成功： 3.输入yarn安装node模块 4.运行项目：yarn start 5.访问http://localhost:8000/ 6目录...
使用dva+umi+antd构建页面（一）
可爱的我的博客
04-26 5706
使用dva+umi+antd构建页面 参考地址：https://ant.design/docs/react/practical-projects-cn 首先确保安装npm或者yarn 创建新应用 首先创建应用目录 mkdir myapp && cd myapp 推荐使用 yarn 创建应用，执行以下命令， 如果你坚持用 npm，可执行 npm install -g create...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值