vue使用ElementUI搭建精美页面入门

ElementUI简直是css学得不好的同学的福音

ElementUI官网：

 Element - The world's most popular Vue UI framework

安装

在vue文件下，用这个命令去安装Element UI。

npm i element-ui -S

step1\先切换到vue的目录下去，注意这里面的WARN不是报错。红框里的内容提示我们此时添加了九个包。

然后在node_modules里能看到element-ui的安装包

引入

在main.js中引用代码，在原有代码基础上再添加这三行即可：

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

Vue.use(ElementUI);

然后新建一个名叫Element.vue的页面