ant design pro vue 安装使用 前提: 做项目时偶然了解到微前端的概念,在详细了解后觉得对分解【巨石】应用有很大的帮助,查阅了一些文档和资料后自己整了一套,以备后用~ 2、重命名生成的文件: Ant-Design-Pro-Main Ant-Design-Pro-SubAppA 3、主应用和子应用都要安装qiankun插件: yarn add @umijs/plugin-q...
找到nginx 的位置,mac 系统默认安装路径在/usr/local/etc/nginx下, 在 nginx.conf 中添加 http 配置下添加 server server{listen5002;root/Users/phobal/Documents/demo/antd-pro-microfe/app1/dist;# 子项目打包地址indexindex.html;# 开启跨域add_headerAccess-Control-Allow-Origin*;add_headerAccess-Control-A...
公司大部分后台产品对于 UI 没太多个性化需求,所以在技术选型上采用了 ant design 设计风格,配套umi,外加ant design pro加持,开发中后台业务可谓是信手拈来,代码写起来行云流水般畅快。总结下来使用了如下工具: umi ant design pro 经过调研目前市面上已有的微前端方案,主要以下 6 种: 使用HTTP 服务器(多为 ngin...
四月份启动了一个ERP项目,基础架构设计采用了微前端(qiankun)+ ant-design-pro,开始一时爽,后面火葬场,这里记录一下这次实践的过程。直接看DEMO点这里 1. 创建主应用 1.1 通过umi 初始化 ant-design-pro // 通过umi初始化项目npm create umi...
Ant Design Pro 学习 (1) 简单的数据交互 逸清 Meogic创始人 适读对象:不愿意深入了解 Ant Design Pro(以下简称ADP)项目搭建的相关技术、只想开箱即用关注业务、喜欢 ADP 的设计、是React 和 Ant Design 的忠粉的前端开发人员 前两… 为什么腾讯技术团队不开源前端UI框架?像阿里开源ant-design这种框架在市面上...
一、Ant Design Pro的设计理念 1.1 Ant Design Pro的设计体系概述 Ant Design Pro 作为一款专为中台前端设计和开发量身定制的框架,自诞生之日起便致力于解决企业级应用中常见的复杂性问题。它不仅仅是一个工具箱,更是一种设计理念的体现。基于 Ant Design 的设计体系,Ant Design Pro 在保证功能性的基础上,进一步...
yarn create umi main-app > ant-design-pro > 选择 pro v4 > 选择 typescript > 选择 simple > 选择 antd@4 yarn install 或者 npm install 主应用中增加.env文件,加入一行“PORT=8020”,指定端口 yarn start 或者 npm run start 启动,访问本地地址,如下图所示 ...
AntDesignvue版本antdesignproofvue AntDesignProofVue——蚂蚁金服中后台系统框架搭建AntDesignProofVue下载安装启动步骤:一、AntDesignProofVue的介绍AntDesignPro是一个企业级中后台前端/设计解决方案,我们秉承AntDesign 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设...
Ant Design Pro v5 正式版出来了,跟之前的版本在代码上有些细微的差异,这套课程主要是讲解一些学员常用的问题的解决方法,还有,用 v5 实现 refresh token。 https://www.qiuzhi99.com/movies/antdpro/1728.html?invite_code=498391 知识 野生技能协会 视频教程 REACT 教程 antd pro 经验分享 JS 前端 WEB前端 ...
defaultCollapsed表示初始进入页面是否收起左侧菜单，对于微应用首页，这个配置一般为true menuItems：有顺序...