ant design pro 该如创建

最新推荐文章于 2024-05-28 16:21:41 发布

Iced_Sheep

最新推荐文章于 2024-05-28 16:21:41 发布

阅读量447

点赞数 6

分类专栏：项目有关的问题文章标签： json anti-design-vue

本文链接：https://blog.csdn.net/Iced_Sheep/article/details/135515043

版权

项目有关的问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文讲述了在使用AntDesignPro过程中遇到的问题，如创建项目时需要管理员权限以及启动时的错误，通过参考官方文档，作者分享了解决方案，包括在package.json中修改启动指令以解决Error:0308010C问题。

摘要由CSDN通过智能技术生成

参照官方文档来

一定要参照官方问文档，因为版本更新太快了。

官方文档的连接：

开始使用 - Ant Design Pro

遇到的一些报错

创建项目的时候，要用cmd 要使用管理员来创建项目，不然会报一长串 npm error

创建完项目后，启动项目的时候，报

Error: error:0308010C:digital envelope routines::unsupported

在 package.json 将下面的指令进行修改，就可以启动项目了。

// 原指令
"start": "cross-env UMI_ENV=dev umi dev"
// 新指令
"start": "SET NODE_OPTIONS=--openssl-legacy-provider && cross-env UMI_ENV=dev umi dev"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Iced_Sheep

关注关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

ant design pro动态菜单

03-30

Ant Design Pro提供了相应的API来支持这些功能，如`defaultSelectedKeys`和`defaultOpenKeys`可以设置初始选中和展开的菜单项。此外，动态菜单还涉及到路由的配置。在Ant Design Pro中，通常会结合`@umijs/plugin-...

ant-design-pro开发说明 --创建

refresh711的博客

12-11

2184

ant-design-pro开发说明 --创建 ant-design-pro采用了dva框架实现,dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 ant-design-pro项目创建创建ant-design-pro有以下两种方法：直接从git...

1 条评论您还未登录，请先登录后发表或查看评论

使用npm 搭建Ant Design Pro 项目

m0_59640673的博客

08-05

2568

使用AntDesignPro前端初始化

Ant Design Pro安装及简单搭建

m0_61961937的博客

10-16

7786

Ant Design Pro安装及简单搭建

Ant Design Pro---【01 环境安装+UMI入门】

一只菜鸟夹

05-04

2816

web 技术是指通过 JavaScript，HTML，css 来构建网站的技术，mdn 提供了相当方便的文档来帮助我们学习这些知识。

React Admin 前端脚手架之ant-design-pro

西京刀客

01-04

2639

Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。

【Umi Max】 Ant Design Pro 快速上手

最新发布

小秀的博客

05-28

2104

对于页面中某一块区域的权限管理，可以使用 useAccess。，由此获取该页面（路由）的权限。组件拥有accessible和fallback两个属性，当accessible为true时会渲染子组件，当accessible为false会渲染fallback属性对应的ReactNode。

AntDesignPro开发手册.doc

12-13

AntDesignPro 开发手册 AntDesignPro 是一个前端设计解决方案，由蚂蚁金服体验技术部出品/维护。核心技术组成包括 ES2015+ JavaScript 语言的新标准、React 用于构建用户界面的 JavaScript 库、dva 是基于(redux...

Ant Design Pro 下实现文件下载的实现代码

10-15

在Ant Design Pro框架下实现文件下载功能，是前端开发者在开发过程中常遇到的需求。本文将详细介绍如何在Ant Design Pro中实现文件下载功能，涉及到的关键知识点包括如何使用Ajax发送请求，如何处理响应数据，以及...

AntDesignPro开发手册

05-04

AntDesignPro 开发手册 AntDesignPro 是一个基于 React 的前端设计解决方案，由蚂蚁金服体验技术部出品/维护。核心技术组成包括 ES2015+ JavaScript 语言的新标准、React 用于构建用户界面的 JavaScript 库、dva 是...

Ant Design pro环境搭建

qq_36797488的博客

07-10

569

ant design pro 环境搭建部分问题解决办法；ant design pro this[kHandle] = new _Hash(algorithm, xofLen);Module build failed (from ./node_modules/@umijs/preset-dumi/lib/loader/index.js):

Ant Design Pro 的创建

2301_76480479的博客

05-14

883

如果选择了 umi@3，还可以选择 pro 的模板，pro 是基础模板，只提供了框架运行的基本内容，complete 包含所有区块，不太适合当基础模板来进行二次开发。注意：最好以管理员身份运行终端执行 npm install 命令，不然可能会报如下错误。以上就是Ant Design Pro 的创建过程了，第一次创建就记录了一下，不喜勿喷。再然后执行如下命令注：myapp可以自己随便起，就是你的项目名。先创建一个空的文件夹，然后终端打开，执行如下命令。安装好后就可以直接运行了。当然主要还是看官方文档。

Ant Design pro 6.0.0 搭建使用以及相关配置

不忘的博客

05-26

2121

ant design pro 6.0搭建教程

不忘的博客

05-25

757

注意：这里可能说你没有pro命令，这确实没有，只是安装了全局的npm i @ant-design/pro-cli -g。注意：选择umi@3时，使用node.js 18版本的会报错，可以实践一下，这里就不再进行实践了。npm run start 这只是预览mock中的数据，并没有后台。或者找到pro命令的目录位置，在创建项目时带上目录路径。安装完成后，即可执行启动命令，来预览mock数据。如果你想调后台接口，并进行调试，请看下一篇教程。注意：建议通读官方文档，这样更好理解和使用。输入用户名：admin。

Ant Design Pro基础框架搭建

qq_60976312的博客

09-30

2883

Ant Design Pro基础框架搭建

Ant Design Pro初始化报错

前端小菜鸟也有人起的博客

12-04

520

Ant Design Pro初始化报错

Ant Design Pro 报错 error:0308010C:digital envelope routines::unsupported

巴啦啦臭魔仙的博客

05-16

719

那么就在 scripts 命令下的。例如，如果你使用的命令是。

Ant Design Pro从0-1创建一个项目

前端小白成长记

11-16

3963

创建 $ yarn create umi my-app Select the boilerplate type: 选择 Ant Design Pro ❯ ant-design-pro Which language do you want to use? 选择你使用的语言 ❯ TypeScript JavaScript $ cd my-app $ yarn $ yarn start # 打开浏览器访问 http://localhost:8000 移除语言国际化 yarn run i18n-re

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

进击中的程序媛

03-29

7536

过程可参考：https://blog.csdn.net/m0_37136491/article/details/82222122#comments 以下是本人亲测有效的过程 1.Node.js安装一路next，直至Node.js安装完成，可以先进行下简单的测试安装是否成功了，在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口参考：http://ww...