# 安装

# CDN

目前可以通过 jsdeliver.com/el-admin-layout (opens new window) 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入element-ui样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css">
<!-- 引入el-admin-layout样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/el-admin-layout/dist/index.min.css">

<!-- 引入vue2、vue-router3、element-ui库 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router@3.5.1/dist/vue-router.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>

<!-- 引入el-admin-layout库 -->
<script src="https://cdn.jsdelivr.net/npm/el-admin-layout/dist/index.umd.min.js"></script>

jsdeliver (opens new window) 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以像 https://cdn.jsdelivr.net/npm/el-admin-layout@0.8.4/dist/index.umd.min.js 这样指定版本号。 强烈建议使用指定版本号的方式引入，以免将来 el-admin-layout 升级时受到非兼容性更新的影响

注意

无论是css还是js，el-admin-layout都需要在element-ui之后加载！

# NPM

el-admin-layout依赖vue2、vue-router3、element-ui

npm i vue vue-router element-ui el-admin-layout -S

如果需要编译.scss文件的话，需要dart-sass、sass-loader（webpack环境）

npm i sass sass-loader -D

如果需要编译.vue文件的话，需要vue-template-compiler（要和项目中依赖的vue版本号一致）

npm i vue-template-compiler -D

← 介绍使用 →