Ant Design Vue - 环境搭建(Windows)
前言
官方文档:https://www.antdv.com/docs/vue/introduce-cn/
首先,您要自己搭建一个 vue
环境,我这里通过 cli
创建一个项目,如下图所示:
一、安装
打开项目根目录,调出终端(cmd)执行如下命令:
npm i --save ant-design-vue
二、引入配置
注意:本方式是 全局引入 ,如果您想按需引入则查看官方文档介绍。
打开项目根目录下的 main.js
,加入以下代码:
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)
三、效果测试
随便引入一个组件即可测试是否已完成配置,如下图所示:
Ant Design Vue - 环境搭建(Windows)相关推荐
- vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用(2)
回顾 上篇文章地址:vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用(1)_konsei的博客-CSDN博客 上篇文章搭建了vue3项目,引入了ant ...
- 使用create-react-app搭建TypeScript+React+Ant Design开发环境
一.使用create-react-app创建一个支持TypeScript+React的开发环境: 要创建一个支持TypeScript的Create React App项目,可以运行: npx crea ...
- 2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享
特点 拖拽播放 桌面歌词 mini模式 自定义托盘右键菜单 任务栏缩略图,歌曲操作 音频可视化 自动/手动检查更新 Nedb数据库持久化 自定义安装路径,安装界面美化 浏览器中启动客户端 Travis ...
- [Ant Design Vue]Ant Design Vue搭建项目
一.为什么要用Ant Design 1.因为它是蚂蚁金服产出的一套牛逼哄哄的产品 2. 丰富的组件化设计规范 和组件化编码规范 3.它适用于企业级的中后台搭建 二.快速创建项目 1.安装脚手架 npm ...
- chrome插件开发(manifest_version版本V3 + Ant Design Vue)
1.什么是 Chrome 插件 谷歌浏览器插件是一种小型的定制浏览器体验的程序,通过插件可以自定义浏览器的一些行为来适合个人的需求,例如上面的查看服务器状态插件. 在应用商店中下载下来的插件基本上都是 ...
- 基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介 Vue Vben Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. Github地址 ...
- Ant Design Vue快速入门教程
Ant Design Vue Ant Design是蚂蚁金服出品的一款前端UI库,官方的介绍是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户 ...
- 【Vue3】创建 vite + vue3 + Ant Design Vue 项目
搭建脚手架 创建项目: 然后按照它的指示运行项目 配置文件 安装构建 vue-router: npm i vue-router@next 创建 router/index.js 文件: import { ...
- Vue3 + Ant Design Vue Modal 对话框可拖拽指令
1.html部分 <div v-dialogDrag id="modalBox"><a-modalv-model:visible="visible&qu ...
最新文章
- 发展通用智能,需要无监督学习
- 使用和制作patch文件
- 参数数组长度_JS数组操作方法总结(二)——pop、shift、push、unshift
- 解决越狱后 SSH 不能连接的问题
- sklearn应用—高斯混合
- 解决iview表单中时间选择起的验证失败问题
- c语言期末考试复习题
- 关于在不同版本和平台之间进行还原或复制的常见问题
- HDU2200 Eddy's AC难题【组合计算】
- 网站获取微信授权登录功能
- Go学习之编码实现区块链 - 【blockchain】
- 【论文导读】Causal Protein-Signaling Networks Derived from Multiparameter Single-Cell Data
- 8321平台修改WIFI_ONLY总结
- mysql icp(Index Condition Pushdown) using index condition
- 输入一行字符,分别统计出其中的英文字母大写小写、空格、数字和其它字符的个数。
- CodeWarrior下载及安装
- 那些花儿(夏洛特烦恼版)
- python拆分excel并发送邮件_python使用tkinterpandassmtplib读取Excel并发送邮件
- 音频文件如何转换成MP3格式?一分钟教你搞定
- opencv从入门到精通(2)--简单图像变换
热门文章
- xXx时间屏保3.6
- HDU 4111 Alice and Bob (博弈)11年成都现场赛
- 为什么 HTTP 有时候比 HTTPS 好?
- element-ui表格实现表头快速筛选
- C++ Reference: Standard C++ Library reference: C Library: cctype: isspace
- C语言中malloc函数及free函数用法(定义动态数组及释放)
- 交大校内邮箱怎么用苹果自带的邮件app收发
- PhoneGap 在Android 手机上的全屏(FullScreen)问题
- html浏览器宽度,JavaScript获取浏览器、元素、屏幕的宽高尺寸
- 微信小程序后台数据交互与wxs文件的介绍与使用