1、npm 安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i element-ui -S
2、¶CDN
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。
<!-- 引入最新版本样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入最新版本组件库 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<!-- 固定版本样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css">
<!-- 固定版本组件库 -->
<script src="https://unpkg.com/element-ui@2.12.0//lib/index.js"></script>
我们建议使用 CDN 引入 Element 的用户在链接地址上锁定版本,以免将来 Element 升级时受到非兼容性更新的影响。锁定版本的方法请查看 unpkg.com。
3、直接引用
在unpkg下载包页面查看当前最新版本,按照以下链接下载响应的样式和组件库,根据文件所放路径,使用文件路径的方式引用即可:
下载链接:
https://unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css
https://unpkg.com/element-ui@2.12.0/lib/index.js
<!-- 引入样式 -->
<link rel="stylesheet" href="/static/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="/static/lib/element-ui//index.js"></script>