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

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

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

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

相关文章
|
JavaScript 前端开发
vuejs及相关工具介绍
vuejs及相关工具介绍
58 0
|
数据格式 JSON
|
3月前
|
JavaScript 关系型数据库 MySQL
nodejs使用初体验
文章介绍了Node.js的基本概念和使用方法,包括Node.js的定义、创建第一个应用、实现HTTP服务器服务和操作数据库的步骤。通过示例代码展示了如何使用Node.js创建服务和连接MySQL数据库,并使用npm安装所需的依赖包。
nodejs使用初体验
|
7月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
2587 0
|
7月前
|
数据采集 JavaScript 前端开发
❤Nodejs 第一章(认识安装)
【4月更文挑战第1天】Nodejs 是一个跨平台的 JavaScript 运行时环境,基于Chrome的V8引擎。它以异步I/O和事件驱动为特点,用于构建高效、可扩展的网络应用。Node.js 使用npm作为包管理工具,拥有大量的模块资源。它适合IO密集型应用,但不适宜CPU密集型任务。其应用场景广泛,包括前端框架、后端服务、爬虫、桌面应用、移动应用、构建工具和CICD流程等。
109 1
❤Nodejs 第一章(认识安装)
|
7月前
|
JavaScript 前端开发 搜索推荐
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
416 1
|
7月前
|
JSON JavaScript 关系型数据库
❤Nodejs 第十六章(Nodejs环境安装和依赖使用)
【4月更文挑战第16天】本文介绍了Node.js环境安装和项目搭建步骤。检查Node.js和npm版本安装核心依赖,如Express(Web应用框架)、MySQL库、CORS(解决跨域问题)、body-parser(解析POST数据)、express-jwt和jsonwebtoken(JWT验证)、multer(文件上传处理)、ws(WebSocket支持),以及可选的dotenv(管理环境变量)和ejs(模板引擎)。完整源码可在Gitee开源项目[nexusapi](https://gitee.com/lintaibai/nexusapi)中找到。
127 0
|
缓存 JavaScript 前端开发
gulp安装教程(简单的前端自动化教程)
gulp安装教程(简单的前端自动化教程)
278 0
|
容器
MVVMToolkit入门教程
MVVMLight已经停止维护,可以考虑MVVMToolkit来替代,MVVMToolkit官方文档两个框架的基本使用方法类似,下面介绍一下不同之处(建议查看一下上一篇关于MVVMLight的文章)。
269 0
|
存储 JavaScript 前端开发
grunt入门笔记
grunt在前端工具中算是很有用的一个工具。 想一想如果没有这个工具,我们需要手动新建一个压缩代码后的文件夹,每次修改原始文件,都要手动压缩一下,再保存到压缩后的文件夹,想想都要疯掉。所以,grunt前端必不可少。
128 0
grunt入门笔记