非前后端分离,引入 ElementUI 方法
1. 下载文件
vue.js
element.js
element.css
element-icons.ttf
element-icons.woff
目前,比较流行使用npm管理、安装,开发前后端分离项目,但是这次需要本地单项目引用,所以需要去特定位置下载,对应资源文件
- vue 在官网即可下载,选择压缩与否都可以
- element 资源下载
打开 https://unpkg.com/browse/element-ui@2.11.1/
这里版本自己选择,我选择的版本是 2.11.1 只要都对应即可 - element-ui/lib 目录下,下翻找到 index.js 这就是element 全部的 js,这里打开 View Raw,全选复制,在本地创建一个 js 文件,命名 element.js
- element-ui/lib/theme-chalk 目录下,同样的方式保存 index.css 命名 element.css
- element-ui/lib/theme-chalk/fonts 目录下,同样的方式保存 element-icons.ttf element-icons.woff 命名如上
2. 放入对应文件夹
注意层级结构