antdv入门安装教程

简介: antdv入门安装教程


介绍

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

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

环境搭建

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

官网地址:antdv官网地址

获取代码

首先建立一个项目的目录,我是在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给人的感觉还是很舒服的,基本上你常用的功能都具备了。

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

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

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

相关文章
|
6月前
|
JavaScript 前端开发 小程序
Webstorm的安装和使用基础教程
Webstorm的安装和使用基础教程
64 0
|
7月前
[教程]vs2015 WTL安装使用
[教程]vs2015 WTL安装使用
|
5天前
|
JavaScript 前端开发 搜索推荐
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
61 1
|
5天前
|
资源调度 JavaScript 搜索推荐
《VitePress 简易速速上手小册》第9章 VitePress 的扩展与插件(2024 最新版)
《VitePress 简易速速上手小册》第9章 VitePress 的扩展与插件(2024 最新版)
66 0
|
5天前
|
JSON JavaScript 前端开发
dayjs 中文文档
dayjs 中文文档
195 0
|
9月前
|
持续交付 图形学 开发者
【Unity实战系列】Unity的下载安装以及汉化教程
【Unity实战系列】Unity的下载安装以及汉化教程
222 0
|
9月前
|
缓存 JavaScript 前端开发
gulp安装教程(简单的前端自动化教程)
gulp安装教程(简单的前端自动化教程)
197 0
|
10月前
|
JSON Linux 数据格式
Hugo教程#1配置开发环境
前段时间我把我的博客的生成器从Jekyll换到了Gatsby后来发现并不好用,又想回到Jekyll,最后由于ruby的gem安装老是出错,所以我试了一下Hugo
147 0
|
10月前
|
Web App开发 JavaScript 前端开发
VueCLi的安装步骤(第四课)
VueCLi的安装步骤(第四课)
196 0
|
缓存 JavaScript Windows
手把手教你在Windows下搭建Vue开发环境
在Windows下搭建Vue开发环境:
1027 0
手把手教你在Windows下搭建Vue开发环境