基于VUE的antdesign pro项目

已于 2022-04-05 21:24:07 修改
阅读量1.9k 收藏
点赞数 1
分类专栏： antdesign pro 文章标签： vue.js
于 2022-04-05 21:22:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46861633/article/details/123977201
版权

这里写自定义目录标题

1.用idea创建目录!

2.通过antdesign的官网git clone模板项目，但GitHub总是出问题，从码云上clone https://gitee.com/sendya/ant-design-pro-vue.git
在这里插入图片描述
3.命令行执行yarn install,但报错 commander@9.1.0: The engine “node” is incompatible with this module. Expected version “^12.20.0 || >=14”. Got “12.13.0”

在这里插入图片描述
4.执行yarn config set ignore-engines true，重新执行yarn install，成功安装。
5.执行yarn run serve
在这里插入图片描述
在这里插入图片描述
6.进入页面账号密码默认admin

在这里插入图片描述
在这里插入图片描述

成功，以后再分享目录结构和修改

冬日暖阳007
关注
专栏目录
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
m0_55070913的博客
03-02 1148
简介 Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 Github地址：https://github.com/anncwb/vue-vben-admin 文档地址：https://vvbin.cn/doc-next/ UI 框架 Tailwind CSS Ant Design Vue 2.0 准备 node 和 git -项目开发环境 Vite - 熟悉 vite 特性
vue 后台模板_开源分享：一个基于ant-design的vue后台系统模板
weixin_39524439的博客
01-26 3477
今天分享一个不太一样的后台模板之前推荐过基于elementUi设计的后台管理系统，今天推荐一个不太一样的。基于ant-design-vue的vue后台管理系统模板。ant-design想必大家都有所了解的，这是由蚂蚁金服体验技术部开发的国内使用量最大的 React 组件库，服务于企业级产品的设计体系，服务于中后台系统，对在做b端产品设计的时候都是可以借鉴的。整体来说，ant-design是非常有设...
又双叒叕一个Ant Design的Vue轮子(vue-antd-ui)
weixin_34049948的博客
04-23 3434
例行惯例，欢迎来波star： 仓库地址：vueComponent/ant-design 官方网站：A UI Design Language 为何造这个轮子： 用惯了Antd，再看其他的总觉得没有Antd好用 周边生态，组件数量及质量都是略胜一筹，至于样式，每个人的审美不一样，就不加评判了，不过个人还是喜欢antd的。 社区很多Antd的Vue实现，大多已经弃坑，已经实现的也多是阉割版 githu...
从ant-design-vue pro学习国际化配置
最新发布
u011846358的博客
07-02 418
ant-design-vue pro使用的是vue-i18n模块，在实际项目中主要有三块国际化：ant-design-vue控件自带、dayjs（antdv从4.x版本开始使用dayjs而不是moment.js）、自定义的国际化变量，需要将它们集合在一起，更方便管理。目录结构如下图：locale目录根部的index.js文件用于集合自定义的国际化变量，将不同语种组合到一起，在这里创建i18n变量，再一起导入main.js中比较方便。 2. 为不同语种建立独立的索引文件 在locale目录下为不同语种建
Vue 2.x折腾记 - (19) 基于Antd Design Vue 封装一个符合业务的树形组件
weixin_34234721的博客
04-23 1055
前言 原型上有个权限分配的功能； 仔细翻了下对应的文档(antd vue)，发现有那么一个树形控件，但是没有上面部分全局控制的功能。 那么只能自己动手改造出一个符合业务的了，有兴趣的看官可以瞅瞅。 效果图 实现的思路 首先先梳理下要实现的功能点 要考虑默认值的传递以及产生的联动 全局开关对树控件产生的影响 子项操作要反馈给全局实现联动； 最后避免太多服务器资源(若是勾选一次触发一次有点大)...
Ant Design Pro 项目创建和改造
weixin_45433291的博客
09-14 299
前面我们解决了一些基础的细节改造，接下来我们重点研究一下，Pro里面的表格——ProTable。现在页面又多了些东西：1.单选按钮 2.批量选择。样式完成的差不多了，剩下的就是功能了，下章见。问题一：长度需要填一个范围值。设置列表第一列和最后一列固定。
Vue项目实战 ： Ant Design Pro大型开源项目构建 实践笔记(2)
林夏天的博客
02-02 1776
设计一个高扩展性的路由 1. 坑点 在我的上一个ant-design-pro实战笔记中，记录我设置按需引入的过程，但是这次我又把App.vue的内容改回全局引入： 这次运行在浏览器里报错：main.js?56d7:9 Uncaught ReferenceError: Antd is not defined 解决方法：改回按需引入 2. 路由懒加载（异步加载）方式引入组件 具体阅读Vue官方文档...
Vue项目实战 ： Ant Design Pro大型开源项目构建 实践笔记(1)
林夏天的博客
02-01 2904
Vue.js项目实战1 ： Ant Design Pro大型开源项目构建实践 学习笔记 使用Vue CLI 3快速创建项目 / 自定义Webpack和Babel配置 1. 使用Vue CLI快速创建项目 选择自定义配置创建： 2. 坑点1 在创建完项目后，用VS Code打开项目，启动项目：npm run serve 在入口文件中引入组件: 在App.vue中更改： 重新启动项目...
基于vue Ant-Design 的表单设计器，快速开发.zip
05-04
基于vue Ant-Design 的表单设计器，快速开发.zip基于vue Ant-Design 的表单设计器，快速开发.zip基于vue Ant-Design 的表单设计器，快速开发.zip基于vue Ant-Design 的表单设计器，快速开发.zip基于vue 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 of Vue 实现的 Ant Design Pro
05-30
Ant Design Pro of Vue 基于Vue.js，利用其虚拟DOM、响应式数据绑定和组件化等特点，实现高效且可维护的代码结构。 2. **Ant Design**：源自阿里巴巴的Ant Design，是一个高质量的React UI设计语言和组件库，提供了...
AntDesignPro开发手册
05-04
在学习蚂蚁金服的AntDesignPro框架，在网上找到了这个，资源比较少，分享出来。
Vue2版前端源码，基于 Vue2+AntDesignVue 实现的 Ant Design Pro提供强大代码生成器的低代码平台
06-02
JeecgBoot—Vue2版前端源码，基于 Vue2+AntDesignVue 实现的 Ant Design Pro，提供强大代码生成器的低代码平台。 前端页面代码和后端功能代码一键生成，不需要写任何代码，保持jeecg一贯的强大
ant-design-vue-pro：像Pro一样使用Ant Design Vue！
02-05
蚂蚁设计Vue Pro 适用于企业应用程序的即用型UI解决方案，作为Vue样板。 基于 预览： ： 主页： ： 文档： : 变更日志： : 常见问题解答： ： 总览 环境和依赖 节点 纱 网络包 埃斯林特 @ vue / cli〜3 -Vue...
ant-design-pro项目开发全攻略（用这个做博客网站模板不要太快，一招鲜吃遍天）
在下月亮有何贵干
03-01 8548
打算做一个个人网站，新建umi项目的时候发现了ant-design-pro这个项目模板，打开一看貌似挺有用，记录一下一步步探索的开发攻略，包括如何修改主题内容、添加路由新页面，以及将md文档文件插入页面（用于博客网站制作）。
ant vue pro
qwer22215的博客
03-13 505
在main.js中 import “ant-design-vue/dist/antd.less”; 在 vue.config.js中 module.exports = { css: { loaderOptions: { less: { javascriptEnabled: true } } } }; 在 bable.config.js中 “style”: true 在路由中使用 大组件 {render:h => h(“router-view”) } 可免写一个组件 切换路由加载动画效果 Nprogr
Ant Design Pro最佳实践
博客
02-08 9771
Ant Design Pro 是一款适用于中后台的前端框架，基于React, dva.js, Ant Design。 关于路由的问题 在 src/common/router.js 中， 配置路径如下： /A /A/B /A/C 那么 2 和 3 是访问不到的，这里引用官方的解决方案 关于dva.js的使用 尽可能的将所有处理数据交互的操作都放在 src/models 中，方...
Vue-Ant Design Pro of Vue
热门推荐
谷子的博客
05-22 2万+
Ant Design Pro of Vue 本来呢是想写一些关于Ant Design Vue的文章，不过恰好用到了一个开源的基于Ant Design Vue 开发的Ant Design Pro of Vue的中后台框架，就在此基础上写一些关于Ant Design Pro of Vue的文章。在此之前，先介绍一下Ant Design Pro of Vue。 准备 本地环境首先需要安装 nod...
ant design vue 初体验
liubangbo的专栏
10-28 431
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 按官方文档用vuecli 3.0搭建了一个开放环境，引入了ant design vue 。具体流程不说了，参考官方文档https://www.antdv.com/docs/vue/use-with-vue-cli-cn/ 按这个文档在设置按需加载的时候 { libraryName: "ant-design-vue", libraryDirectory: "
vue keealive antdesign pro of vue
12-13
而Vue Ant Design Pro是一个基于Vue.js和Ant Design的企业级后台管理系统的前端解决方案。它提供了丰富的业务组件和强大的功能，帮助开发者快速搭建企业级管理系统。 在Vue Ant Design Pro中，我们可以充分利用Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值