Element 学习记录之 elementui的安装

coderhorse

已于 2022-06-30 17:18:29 修改

阅读量3.2k

点赞数 2

文章标签：学习前端 javascript elementui vue.js

于 2022-06-30 14:40:00 首次发布

本文链接：https://blog.youkuaiyun.com/majunze123/article/details/125539299

版权

这篇博客详细记录了Element UI的安装步骤。首先通过vue init webpack创建Vue2项目，接着使用npm安装element-ui，忽略警告。然后在main.js中配置，最后从官网复制并使用组件代码，博主称赞Element UI非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步

(安装完了记得把原始的文件删掉！router component 的那些没用的删掉)

先安装个vue2得项目昂，就是vue init webpack xxxx的那个昂。

长这样昂铁子。

然后第二步

安装element-ui依赖的命令 npm i element-ui -S

ok，就这样安装完成就行了昂，警告⚠不用管，就像看小视频警告你一样，不用管直接划过去。

再然后第三步

import Vue from 'vue';
import ElementUI from 'element-ui';//引入element-ui
import 'element-ui/lib/theme-chalk/index.css';//css需要单独引入
import App from './App.vue';

Vue.use(ElementUI);//使用引入的elementui

new Vue({
  el: '#app',
  render: h => h(App)
});

按照上面的代码，给main.js配置一下