Vue项目中如何安装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)

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。