AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【Vue 开发实战】实战篇 # 26：Ant Design Pro介绍

2023-02-24 232
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【Vue 开发实战】实战篇 # 26：Ant Design Pro介绍

说明

【Vue 开发实战】学习笔记。



Ant Design Pro


https://pro.ant.design/zh-CN

ANT DESIGN PRO：开箱即用的中台前端/设计解决方案

dc66d20e578c4d37801538de61def1a9.png


e675845f5fa6443cbebc17246e987021.png



特性


  • 高效快速：基于 Module Federation ，项目秒启动
  • 模板组件：内置模板组件，高效开发
  • 国际化：提供完备的国际化解决方案
  • 预设样式：样式美观大方，无缝对接 Ant Design
  • 最佳实践：自带多场景最佳实践，默认好用
  • TypeScript：全量使用 TypeScript 开发


ec61aafd19694115929097c8b6028ba8.png


快速启动开发服务

$ npm i @ant-design/pro-cli -g
$ pro create my-app
$ cd my-app
$ yarn
$ yarn start # 打开浏览器访问 http://localhost:8000


Ant Design Pro 的架构

87946a8bead9423e9649c7e77478112c.png









文章标签：
JavaScript
前端开发
关键词：
vue实战VUE.js
VUE.js实战
vue开发实战VUE.js
ant VUE.js
design VUE.js
凯小默
目录
相关文章
游客zi3qmblbcdexu
|
1月前
|
JavaScript
Vue基础知识总结 4：vue组件化开发
Vue基础知识总结 4：vue组件化开发
游客zi3qmblbcdexu
40 6
东方睿赢
|
2月前
|
JavaScript 前端开发 测试技术
组件化开发：创建可重用的Vue组件
【10月更文挑战第21天】组件化开发：创建可重用的Vue组件
东方睿赢
28 1
石小石Orz
|
2月前
|
JavaScript 前端开发
vue全局公共组件自动引入并注册，开发效率直接起飞！
【10月更文挑战第14天】vue全局公共组件自动引入并注册，开发效率直接起飞！
石小石Orz
61 1
邹荣乐
|
2月前
|
存储 前端开发 中间件
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
邹荣乐
466 0
代码bug生产队
|
2月前
|
存储 JavaScript 前端开发
前端开发：Vue.js入门与实战
【10月更文挑战第9天】前端开发：Vue.js入门与实战
代码bug生产队
38 1
快乐就是哈哈哈
|
2月前
|
JavaScript 开发者
vue指令的开发看这篇文章就够了！超详细，赶快收藏！
【10月更文挑战第8天】vue指令的开发看这篇文章就够了！超详细，赶快收藏！
快乐就是哈哈哈
106 0
vue指令的开发看这篇文章就够了！超详细，赶快收藏！
邹荣乐
|
2月前
|
JavaScript 前端开发
Vue开发必备：$nextTick方法的理解与实战场景
Vue开发必备：$nextTick方法的理解与实战场景
邹荣乐
184 1
土木林森
|
1月前
|
JavaScript UED
"Vue实战技巧大揭秘：一招解决路由跳转页面不回顶部难题，让你的单页面应用用户体验飙升！"
【10月更文挑战第23天】在Vue单页面应用中，点击路由跳转时，默认情况下页面不会自动滚动到顶部，这可能影响用户体验。本文通过一个新闻网站的案例，介绍了如何使用Vue-router的全局前置守卫和`scrollBehavior`方法，实现路由跳转时页面自动滚动到顶部的功能，提升用户浏览体验。
土木林森
82 0
邹荣乐
|
2月前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器：Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器：Vue-ls插件使用详解
邹荣乐
89 0
邹荣乐
|
2月前
|
设计模式 JavaScript 开发工具
Vue开发中使用好钩子方法（hook method）可以使你的代码更加模块化和可维护
Vue开发中使用好钩子方法（hook method）可以使你的代码更加模块化和可维护
邹荣乐
22 0

热门文章

最新文章

  • 1
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 2
    Nestjs+Vue实现阿里云OSS服务端签名直传
  • 3
    vue之webpack打包原理和用法详解
  • 4
    浏览器垃圾回收机制与 Vue 项目内存泄漏分析
  • 5
    【Ant Design Vue V3版本填坑记录一】Table 组件 column.slots 报错
  • 6
    基于Serverless函数计算FC一键搭建VUE3.0脚手架
  • 7
    VUE3中watch与watchEffect —— 全网最详细系列
  • 8
    自己设计的Vue3的实用项目（内含对项目亮点的实现思路与介绍）（上）
  • 9
    中文代码示例之Vuejs入门教程(一)
  • 10
    新建Vue项目
  • 1
    使用Vue.js构建交互式前端的技术探索
    89
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    168
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    132
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    150
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    184
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    104
  • 7
    vue3中使用动态组件
    104
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    143
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    76
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    122

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门教程开发文档
  • jQuery开发教程
  • React 入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 基于VUE的单页面性能优化实践

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • CSS基础教程
  • 搭建Node.js编程环境
    • 下一篇
    DataWorks售前咨询