Ant-Design-Pro项目启动，亲测有效

最新推荐文章于 2024-07-25 16:33:55 发布
最新推荐文章于 2024-07-25 16:33:55 发布
阅读量7.4k 收藏 9
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pgmzyy/article/details/88886884
版权
本文档详细记录了启动Ant-Design-Pro项目的步骤，包括Node.js的安装、Git的下载与使用，以及通过淘宝npm镜像解决安装过程中遇到的问题。通过这些步骤，确保项目能够成功启动。
摘要由CSDN通过智能技术生成

过程可参考：https://blog.csdn.net/m0_37136491/article/details/82222122#comments

以下是本人亲测有效的过程

1.Node.js安装

          一路next，直至Node.js安装完成，可以先进行下简单的测试安装是否成功了，在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口    参考：http://www.runoob.com/nodejs/nodejs-install-setup.html

2.下载git   下载链接：http://msysgit.github.io/

安装后或自动弹出黑窗口，或者在桌面右击出现下图所示：

最低0.47元/天 解锁文章
进击中的程序媛
关注
React Admin 前端脚手架之ant-design-pro
西京刀客
01-04 2556
Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
Ant Design Pro：项目启动
高冷男孩不吃苹果的博客
11-05 568
参考链接： https://pro.ant.design/zh-CN/docs/getting-startedhttps://pro.ant.design/zh-CN/docs/getting-started
ant design pro的创建与启动
c_x_m的博客
10-16 772
新增页面 1.通过UI进行创建 yarn add @umijs/preset-ui -D–下载插件，通过umi ui进行新增页面 下载成功后，项目页面右下角会出现圆的按钮，点击后会有些demo 2.手动创建
【Ant Design Pro】快速上手
最新发布
小秀的博客
07-25 752
插件都需要兼容 umi4 才能用，插件 api 有变化，没兼容的是用不了的。也减少了 webpack 升级导致的问题。app.tsx 是项目全局入口文件（在首次访问页面执行 / 刷新页面），定义了整个项目使用的公共数据，getInitialState 方法定义了项目初始化需要执行的操作。这里 start 模式使用了前端项目内的 mock 数据，而 start:dev 没有使用mock 数据，需要真实的后端接口。这是最新版的 umi，不同于上个版本，上一个版本应该是 透传的 umi-request。
ant design入门_极客react之Ant Design Pro系列快速入门（一）--启动篇
weixin_39854070的博客
12-20 330
极客react之Ant Design Pro系列快速入门(一)--启动篇发布时间：2018-08-13 10:25,浏览次数：924, 标签：reactAntDesignPro启动*启动文件： app/src/index.js加载全局数据模型./models/global加载全局路由./routerimport React from 'react'; import { routerRedux, R...
Ant Design Pro V5项目无法启动问题解决
qq_59400558的博客
08-08 257
今天准备使用一下Ant Design Pro做项目，全程按照官网文档步骤来进行项目搭建，在这里我使用的node.js版本是16.15.0，npm版本是8.5.5，当我第一次ant design pro来做一个属于我自己的管理系统时突然发现ant design竟然运行不了，于是我找呀找，试n个方法后...,终于找到了解决方案。删除index.md，把依赖删掉和umi文件夹删除，yarn(yarnpkg代替也行)一下，然后运行。umi版本选择4(不太建议使⽤ umi 4 了，兼容性不好。
ant design pro 项目启动失败
dpp10683401的博客
06-19 125
解决方案一：修改单个启动脚本。在package.json启动脚本中加入参数NODE_OPTIONS=--openssl-legacy-provider。解决方案二：设置环境变量，不用修改任何脚本，对所有启动脚本有效。原因说明：错误原因是由于webpack造成的。
基于springboot，ant-design-vue-pro的简易后台管理系统.zip
02-24
标题中的“基于SpringBoot，ant-design-vue-pro的简易后台管理系统”揭示了这个项目的核心技术栈，主要包括两个部分：SpringBoot后端框架和ant-design-vue-pro前端UI库。接下来，我们将深入探讨这两个关键技术以及...
ant-design-vue按需加载的坑的解决
11-20
在你的项目中，由于使用了Less 3.0.4版本，当编译器尝试处理Ant Design Vue的less文件时，由于`javascriptEnabled`未被明确设置为`true`，会导致编译错误。这是因为Ant Design Vue的一些less文件可能包含JavaScript...
基于springboot，ant-design-vue-pro的简易后台管理系统+源代码+文档说明
11-28
2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。...
#react 之ant design Pro 学习研究#----启动项目
weixin_34242331的博客
11-27 271
2019独角兽企业重金招聘Python工程师标准>>> ...
零、Ant Design Pro 开始
JimmyTsai75的博客
01-01 2458
第一次采用ProLayout的时候也担心会不会不够灵活，比如我需要修改折叠按钮（collapsed）的位置能不能实现，带着这种猜疑，我进入官网，我的担心立刻解除，他们竟然直接就有了类似的demo: （可以进入以下网址，查看具体示例代码）https://procomponents.ant.design/components/layout#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%9A%84-collapsed。
antdpro无法启动的解决方案（找不到变量或者less等）
qwe5117022的博客
05-16 1082
关闭msfu之后，重新启动，启动完成，重新开启，重新启动 如果用了最新版本的procomponents,因为部分样式存在antd里面，尝试更新antd是否可以解决。部分变量版本不一样 删除.umi的缓存文件夹，好像是因为增量式更新的原因，所以会有缓存，删除之后并且重新dev。 不用公司的镜像，使用淘宝镜像安装依赖，并且删除node_modules，重新dev 针对情况： 1.antdpro可以启动，但是用了新的pro组件之后谷歌控制台出现无法找到某个less、的情况，针对这个情况，一般用第三种或者..
Ant design Pro 项目部署后打不开问题解决
weixin_46424838的博客
09-15 2081
1.解决静态资源引用路径问题 首先在network中进行排查,若出现图片等静态资源无法打开,就查看引用路径是否正确.一般我们直接打包过来的引用路径是没有前缀的,但是根据个人部署情况的特殊性,可能导致整体项目前会有相对路径,这时就需要我们在config.ts文件中进行相关设置. 示例: { ... base: '/imedical/web/service/emrquality/dist/', publicPath: '/imedical/web/service/emrquality/dist/',
Ant Design Pro环境搭建和运行
u014170719的博客
11-15 1704
一.Node.js安装 1.进入Node下载根据需要下载需要的Node.js，本人下载的是Windews二进制文件(.zip)。 2.将下载的zip解压，然后添加路径到环境变量中。 3.运行命令node --version,显示版本号表示安装成功。 二.安装cnpm 使用npm下载太慢了，一般使用cnpm，所以需安装cnpm。 1.进入cmd,使用下面命令行进行安装。 npm install -g cnpm --registry=https://registry.npm.taob
ant-design-pro项目开发全攻略（用这个做博客网站模板不要太快，一招鲜吃遍天）
在下月亮有何贵干
03-01 8567
打算做一个个人网站，新建umi项目的时候发现了ant-design-pro这个项目模板，打开一看貌似挺有用，记录一下一步步探索的开发攻略，包括如何修改主题内容、添加路由新页面，以及将md文档文件插入页面（用于博客网站制作）。
踩坑_AntDesignPro_移除国际化后报错
YelloooBlue's Blog
08-19 3835
背景 手上有个Ant Design Pro项目，国际化功能目前没啥用，打算将其移除 配置 脚本语言：JAVAScript 模式：simple 问题复现 使用了官网的一键移除脚本 npm run i18n-remove 再次运行的时候提示 $ cross-env UMI_ENV=dev umi dev Unexpected token 'export' D:\AntD Project\***\config\routes.js:1 export default [ SyntaxError: Unexpe
ant design pro启动白屏
weixin_49641121的博客
07-02 734
报错Error: Absolute route path “/*” nested under path “/user” is not valid. An absolute child route path must start with the combined path of all its parent routes.无意间看见了一个文章，注释掉config下routes的404即可。安装依赖后启动，访问界面是白屏。
GitHub上ant-design-pro项目如何修改webpack配置，修改entry
04-28
你可以通过以下步骤修改ant-design-pro项目的webpack配置和entry: 1. 打开项目目录，在根目录下找到config文件夹，里面有一个webpack.config.js文件，这是webpack的配置文件。 2. 打开webpack.config.js文件，找到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值