1. 起步¶

1.1. CDN引入¶

<!-- 引入样式 -->
   <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.1/lib/theme-chalk/index.css">
<!-- import Vue before Element -->
...
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@2.15.1/lib/index.js"></script>

这段代码表示引入的element-ui版本为2.15.1，该版本是笔者记录时的最新版本。将版本固定有利于项目的稳定性。

虽然通过链接引入样式以及js十分简单，但是从网络传输的角度上来说比较费时。比较好的方法时在服务器本机上添加element-ui支持。

1.2. 通过vue-cli导入¶

下载对应本机环境安装 node.js 默认NPM已经集成。node.js 官网下载。打开 cmd 直接输入测试是否安装成功; node测试 node -v ; NPM 测试 npm -v。
安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org。
安装vue cnpm install vue -g。
安装 vue-cli cnpm install vue-cli -g。
安装 element-ui cnpm install -g element-ui -S。
安装webpack cnpm install -g webpack。

# clone the project
git clone https://github.com/PanJiaChen/vue-element-admin.git

# enter the project directory
cd vue-element-admin

# install dependency
npm install

# develop
npm run dev