Element-Ui的基本使用

一、基于命令行方式手动安装

1. 安装依赖包 npm i element-ui -S // S是大写

2. 导入 Element-UI 相关资源

// 手动配置 element-ui

// 导入组件库

import ElementUI from 'element-ui'

// 导入组件相关样式

import 'element-ui/lib/theme-chalk/index.css'

// 配置Vue插件

Vue.use(ElementUI)

 

使用方法

1.登录官网： https://element.eleme.cn/#/zh-CN/

将所需要的组件复制到项目路径 {{obj}}/src/App.vue文件的根组件中

 2.最后重新打包：npm run serve

3.至此我们的ElementUI组件就可以呈现在页面中啦

 二 通过图形化界面自动安装

1.命令行运行 vue ui 命令，打开图形化界面

2.通过Vue 项目管理器，进入具体的项目配置面包

3.点击插件 > 添加插件，进入插件查询面板

4.搜索 vue-cli-plugin-element并安装

5.配置插件，实现按需导入，从而减少打包后项目的体积