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给人的感觉还是很舒服的,基本上你常用的功能都具备了。

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

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

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

相关文章
|
关系型数据库 MySQL Java
Window环境linux环境安装skywalking
Window环境linux环境安装skywalking
405 0
|
2月前
|
JavaScript 开发工具 Android开发
如何在原生 App 中调用 Uniapp 的页面?
如何在原生 App 中调用 Uniapp 的页面?
842 138
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板,包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
|
JavaScript
vue中使用@scroll不生效的问题
vue中使用@scroll不生效的问题
1450 59
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
820 1
|
移动开发 小程序 前端开发
微信小程序自定义导航栏
微信小程序自定义导航栏
566 0
微信小程序自定义导航栏
|
数据可视化 搜索推荐 小程序
LowCode:低代码平台,2024国内十大主流低代码平台年终盘点
低代码平台是一种加速软件开发的高效工具,通过可视化和模型驱动的方式减少手动编码,快速构建应用。它能显著提升开发效率,降低开发成本,支持企业快速实现数字化转型。国内主流低代码平台如织信Informat、白码、钉钉宜搭等,各具特色,可根据企业需求选择合适的平台。私有化部署更是确保数据安全和定制化的重要手段。