vue 2安装element ui
时间: 2024-12-27 19:11:00 浏览: 4
Vue 2 安装 Element UI 的步骤相对简单,可以按照以下几步操作:
1. **创建项目**: 使用 Vue CLI 或者手动搭建一个 Vue 项目目录。
2. **全局引入**:
如果你想全局使用 Element UI,首先需要添加其依赖到项目的 `package.json` 中。打开命令行,运行:
```
npm install element-ui --save
```
或者使用 yarn:
```
yarn add element-ui
```
3. **注册组件库**:
在你的主入口文件(如 `main.js`),引入 Element UI 并注册全局样式:
```javascript
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
```
4. **导入并使用组件**:
现在你可以开始在你的 Vue 组件中导入和使用 Element UI 提供的各种组件了,例如 `<el-button>` 或 `<el-input>`。
```html
<template>
<div>
<el-button type="primary">Element Button</el-button>
<el-input placeholder="请输入内容"></el-input>
</div>
</template>
<script>
export default {
//...
};
</script>
```
阅读全文