Vue 开发实战实战篇 # 26:Ant Design Pro介绍

Posted 凯小默

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 开发实战实战篇 # 26:Ant Design Pro介绍相关的知识,希望对你有一定的参考价值。

说明

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

Ant Design Pro

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

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

特性

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

快速启动开发服务

$ npm i @ant-design/pro-cli -g
$ pro create my-app


$ cd my-app
$ yarn
$ yarn start # 打开浏览器访问 http://localhost:8000

Ant Design Pro 的架构

以上是关于Vue 开发实战实战篇 # 26:Ant Design Pro介绍的主要内容,如果未能解决你的问题,请参考以下文章

Vue 开发实战实战篇 # 39:创建一个分步表单

Vue 开发实战实战篇 # 28:如何自定义Webpack和Babel配置

Vue 开发实战实战篇 # 27:使用Vue CLI 3快速创建项目

Vue 开发实战实战篇 # 35:如何高效地使用Mock数据进行开发

Flask + Ant Vue 前端后分离开发实战-前言

Vue 开发实战学习笔记48篇(完结)