Vue项目中安装element组件_element安装

Element UI 简介

Element UI 是一套基于 Vue 的桌面端组件库，封装好了很多常用的 UI 组件，开发者可以使用 ElementUI 快速搭建一个网站，只有安装了vue后才可以使用Element UI。

官网：Element

1. 安装element-ui

在项目终端输入以下代码完成element-ui的安装

npm i element-ui -S

常用缩写

i ：安装指令，全拼：install

-S：生产环境，全拼：--save

-D：开发环境，全拼：--save—dev

-O：可选依赖，全拼：--save—optional

-E：精确安装指定模块版本，全程：--save—exact

-g：全局安装，全拼：--global

 2. 检查是否安装成功

查看配置文件package.json，是否有element-ui组件的版本号

安装成功后，在node_modules中会自动初始化一个 element-ui文件夹 ，所有安装的源文件都在这里

3. 引用element-ui组件

在main.js文件中输入以下代码，引入element

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
 
Vue.use(ElementUI)