vue2：基于 VueCli 搭建 ElementUI 的基础项目环境

ElementUI 适合写什么样的网站？
后台管理网站

1. 新建 VueCli 项目。 element-project 。（ Vue 2.x 的项目）

安装脚手架

npm install -g @vue/cli 

设置npm淘宝源 加快下载速度

npm config set registry https://registry.npm.taobao.org

找一个干净目录

vue create element-project 等一会
Manually select features
选择：Babel - Router - Css Preprocessors 去掉linter
2.x
以下选项一路回车即可

2. 执行命令，安装 ElementUI 组件库。

进入项目目录中，执行安装命令

cd element-project
npm i element-ui -S

从仓库中下载 element-ui 组件库的源代码，放在 node_modules 中。并且 -S 选项将会把该依赖关系添加
到 package.json 配置文件中

3. 在 main.js 中全量引入 ElementUI 的组件及样式。

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// use()方法可以将ElementUI中的所有组件全部引入当前Vue项目
// 一旦在此处引入，每一个组件都将可以使用ElementUI的组件
Vue.use(ElementUI);

4. 使用 ElementUI 的组件。

<template>
<div>
<el-button>默认按钮</el-button>
</div>
</template>