搭建vue2+element-ui项目

虽然vue3.0都已经出来了吗，奈何现在element-ui还不兼容3.0，观望一阵。

为了给更多想要使用vue+element构建项目，也给自己也插个眼，写了这篇文章，希望能帮到你。

创建vue项目这个网上已经有很多教程了，我就不过多描述了，这里推荐一篇我觉得写的比较好的，照着步骤来，一分钟就好

https://www.cnblogs.com/hellman/p/10985377.html

在vue项目里使用element的步骤：

1、安装element

//1、CMD控制台进入到项目目录，输入以下安装命令

//element模块
npm install element-ui --save


//以下安装后可以用来制作其他主题来替换element的默认主题色，可以选择不安装
npm install element-theme -g
npm install element-theme-chalk -D

//webpack默认只能打包js，安装这个可以用于打包图片文件
npm install file-loader --save

2、引用，我这里使用全局引用，也可以在需要的组件中局部引用

在src/main.js文件中引入这个模块

// 引入模块
import ElementUI from '../node_modules/element-ui'
// 引入样式
import '../node_modules/element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

main.js的具体代码如下：