# 起步

## CDN引入

```html
<!-- 引入样式 -->
   <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支持。

## 通过vue-cli导入

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

```guess
# 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
```