一、前期准备

1、安装node.js：在官网中安装nodejs最新版本。地址：https://nodejs.org/en/download/，根据自己环境，进行下载安装。

2、查看版本号：打开cmd命令行，输入 node -v 和 npm -v，node安装后将会自动安装上npm，但不一定是最新的，可用命令 npm install -g npm，进行版本更新。

3、全局安装vue-cli脚手架工具：打开cmd命令行，输入npm install --global vue-cli。如果安装不成功，请检查npm是否最新版本，或cmd是否以管理员身份运行。

二、创建项目

1、初始化项目：在命令行中，进入指定路径，运行 vue init webpack 项目名称，例如： vue init webpack myproject。

2、安装UI框架：在命令行中，进入项目路径myproject，运行npm i element-ui -S

3、引入Element UI：在 main.js 中写入以下内容，需要注意的是，样式文件需要单独引入。

4、安装 babel-plugin-component：在命令行中，进入项目路径myproject，运行npm install babel-plugin-component -D。借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。然后，将 .babelrc 修改为：

三、可能遇到的问题

1、Module build failed: Error: Couldn't find preset "es2015" relative to directory

解决方法：执行npm install --save-dev babel-preset-es2015

参考文档

Element UI官方安装教程

Es2015错误的解决方案