antdv入门安装教程

发布日期：2021-05-08 18:15:45 浏览次数：20 分类：精选文章

本文共 726 字，大约阅读时间需要 2 分钟。

介绍

前段时间找了一下中后台的解决方案，目前有两个技术栈，一个是vue，另一个是react。感觉从学习难度上react要比vue更难一些。对于普遍存在的管理信息系统，大部分业务都是针对表格展开的，也就是我们经常说的增删改查。寻找一套符合自己的中后台解决方案无疑是降本提效的利器。

有了目标就是要选定适合自己的技术栈，经过一段时间的学习，还是vue比较合适一些，有两个比较不错的方案，element和antidesign，都是不错的解决方案。element已经完成了，所以尝试用antidesign练一下手。

环境搭建

学习开源的解决方案其实是按照官方的教程一步步做就可以，现在但凡开源出来的都会提供比较完善的教程，而且中国公司贡献开源项目文档的风格也比较符合国人的阅读习惯。

官网地址：

首先建立一个项目的目录，我是在D盘建了一个Code的文件夹，然后可以在文件夹的地址栏输入cmd这样就可以快捷的打开命令行了

在命令行输入如下命令

git clone --depth=1 https://github.com/vueComponent/ant-design-vue-pro.git my-project

在这里插入图片描述

代码拉取完毕后进入到项目目录

cd my-project

在这里插入图片描述

npm install

在这里插入图片描述

命令行输入启动命令

npm run serve

编译成功后会出现系统的访问地址

浏览器中输入地址，默认显示登录页

输入用户名和密码之后进入主页

进去之后UI给人的感觉还是很舒服的，基本上你常用的功能都具备了。

还提供了完善的国际化方案

页面的风格也可以自己配置

有了这么一套完善的解决方案，简直就是接私活单干的利器啊。

上一篇：小程序中使用weui组件库

下一篇：React学习笔记（一）

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！