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 ...
最新文章
- hadoop错误: 找不到或无法加载主类 org.apache.hadoop.mapreduce.v2.app.MRAppMaster
- ***产业链 安全新忧患
- K8s 1.18 正式 release | 云原生生态周报 Vol. 43
- SAP Spartacus 事件服务 Event Service 使用介绍
- 蔚来宣布再次完成1亿美元可转债融资
- ❤️《分布式 Dubbo+Zookenper+SpringBoot》(建议收藏)❤️
- Leetcode 242. 有效的字母异位
- 可视化理解卷积神经网络 - 反卷积网络 - 没看懂
- Redis详解(四)——配置文件详解
- hdu 3642 Get The Treasury(扫描线)
- linux邮件客户端软件,适用于Linux的4款最佳电子邮件客户端 | MOS86
- 一个根据用户名生成头像的库——@multiavatar/multiavatar在react中的使用
- html向下三角箭头,CSS 实现三角形尖角箭头的实例
- adrunio蜂鸣器音乐(天空之城)c调
- 16S扩增子数据提交GSA实操手册—发表文章前必备技能
- android 验证手机、邮箱格式
- ubuntu中文论坛
- 微软SQL Server BI认证专家QQ群36882826
- 矩阵 的逆、 迹、 秩
- android FDE功能介绍