quasar 引入 iview

quasar版本1.15

  1. 按照iview-4.5
    npm install view-design --save
    安装过程如果失败的话,package.json 如果已经写入了,可以直接yarn install

  2. 或者直接在package.json里手工写入


    图片.png

    然后yarn install

  3. 最关键的一步,quasar的启动是在boot文件夹里
    在boot文件夹里新增components.js

import ViewUI from 'view-design';
import 'view-design/dist/styles/iview.css';

export default async ({ Vue }) => {
  Vue.use(ViewUI);
}

  1. 需要在quasar.conf.js里的boot节点做配置
boot: [
      'axios',
      'components'
    ],
  1. 测试,
    在quasar项目里直接使用
 <Button type="primary">Primary</Button>
图片.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容