基于AntDesign组件的Vue项目

Ant Design of Vue

Ant Design of Vue
这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
官网

创建项目

vue create my-project
请参照上一篇文章
vue-cli4.4.1+elementUI搭建后台系统

安装组件 Ant Design of Vue

使用 npm 或 yarn 安装 #
我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

$ npm install ant-design-vue --save
$ yarn add ant-design-vue

引入

//main.js

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.config.productionTip = falseVue.use(Antd)

使用

项目地址

https://gitee.com/waillyer/ant-design-of-vue

基于AntDesign组件的Vue项目相关推荐

基于UI组件的Vue可视化布局、快速生成.vue代码
一.项目简介基于UI组件的Vue可视化布局.快速生成.vue代码二.实现功能通用(文本.链接.换行.div.图片) 支持elementUI 支持iViewUI(button .icon.radi ...
【vue】基于vue2.x的vue项目最最最基础模板
前言好久不见啊大家,今天想写这篇博客的时候才发现博客已经断更大半年了(手动滑稽) 由于去年十二月份被公司再次发配到上海出差,而且这次主要开发的是针对IE浏览器的一个插件(c++ 和 js 的交互) ...
创建基于webpack打包的vue项目
创建基于webpack打包的vue项目结合win7.element-ui.vue(vue-router.vue-cli).webpack等技术,完成了项目的基础工作.难则不会,会则不难:贵在经验总结 ...
php可视化布局拖拽,GitHub - hisiphp/Vue-Layout: 基于UI组件的Vue可视化布局工具 | Vue Visualization Layout Tool...
Vue-Layout 演示使用效果源码结构 ├─App.vue ├─main.js ├─utils | ├─guid.js //返回一个唯一标识符,组件被拖入后的id就是调用此方法获得 | ├─ ...
iview组件引入vue项目
进入项目使用npm下载: $ npm install iview --save 下面这样显示就是下载成功: 在项目src/main.js中插入: import iView from 'iview' i ...
el-avatar 组件在vue项目部署后图片无法显示（解决办法）
问题描述: 使用el-avatar 组件显示图片, 在本地运行,结果4kb的图片,在控制台显示为相对路径地址(项目打包后,图片并没有显示): 而同样1.6kb的图片,在本地或打包后都能正常显示,均为b ...
Vue学习笔记：使用CLI构建Vue项目
Vue学习笔记:使用CLI构建Vue项目一.安装Vue CLI 要用到集成在node.js里的npm来安装Vue CLI. 1.下载并安装node.js 2.配置node.js的环境变量 3.启动命 ...
前端开发：基于移动端的Vue项目的Loading使用
前言在前端开发过程中,常用的组件有必要做一下使用的总结,尤其是对于刚入门的前端开发者来说既有利于知识点的掌握,又有利于总结归纳方便后期使用查看.不管是基于移动端还是PC端的前端Vue项目都是如此,那 ...
Typescript在Vue项目中的使用
最近尝试了一下Typescript在Vue项目中的使用,中间遇到了一些问题,把遇到的问题记录一下,以防被忘. 如何让Typescript识别Vue.JSON文件因为Typescript默认不能识别. ...
在Centos 7 上跑 vue 项目以及 Vue 热更新失效
安装npm yum install npm 安装vue npm install vue 安装vue-cli sudo npm install --global vue-cli 注意: 因为全局安装,会 ...