当前位置: 首页 > 工具软件 > HeyUI Admin > 使用案例 >

前端使用 heyui 配置

云何平
2023-12-01

我们需要有 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/>'
});
 类似资料: