我们需要有 Vue.js 环境,要提前安装好
支持环境: 现代浏览器和 IE9 及以上。
兼容: HeyUI支持 Vue.js 2.x版本
1、安装heyui
npm install heyui --save-dev
2、安装less
npm install less --save-dev
3、安装less-loader
npm install less-loader@4.1.0 --save
切记 less-loader 要指定版本
注:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。Less 可以运行在 Node 或浏览器端。 是必需品
安装 需要用的之后,我们就要 全局配置了。
样式引用 在全局的 main.js 里
// main.js
// 引入 HeyUI
import HeyUI from 'heyui'
Vue.use(HeyUI)
// 导入 css 和 js 样式,全局
require("heyui/themes/index.css");
import "heyui/themes/index.less";
new Vue({
el: '#app',
router,
render: h => h(App), // 新增
components: { App },
template: '<App/>'
});