记一次muse-ui 使用

桃扇骨 2022-05-19 03:19 355阅读 0赞

# 1、安装项目  #

vue init webpack test-muse

# 2、下载 muse-ui #

npm i muse-ui -S

# 3、按需引入，借助 [babel-plugin-import][]     , 还有 less  #

npm i babel-plugin-import less less-loader -D

然后，将 `.babelrc` 的 plugins 里面添加一段 \[\] 里面的

"plugins": [
        ["import", {
          "libraryName": "muse-ui",
          "libraryDirectory": "lib",
          "camel2DashComponentName": false
        }]
      ]

在使用的时候出现过一个问题，，，项目本身有别的东西，然后按装 muse-ui ，然后按需引入就报错，也不知道是什么鬼，，然后起一个新的项目重新安装，把旧的东西放进去又没有问题

# 4、在 main.js  里面按需引入 #

注：用的插件  toast、message 是有组件依赖的，如果不引入会报错，下面是插件的依赖

import 'muse-ui/lib/styles/base.less';
    import { Button, Alert,Dialog,Icon,TextField,Snackbar,Progress,Helpers} from 'muse-ui';
    import 'muse-ui/lib/styles/theme.less';
    import MuseUIToast  from 'muse-ui-toast';
    Vue.use(MuseUIToast);
    import MuseUIMessage  from 'muse-ui-message';
    import 'muse-ui-message/dist/muse-ui-message.css';
    Vue.use(MuseUIMessage);
    import 'muse-ui-loading/dist/muse-ui-loading.css';
    import Loading from 'muse-ui-loading';
    Vue.use(Loading);
    import 'muse-ui-progress/dist/muse-ui-progress.css';
    import NProgress from 'muse-ui-progress';
    Vue.use(NProgress);

5、引入 字体图标

<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">

[babel-plugin-import]: https://www.npmjs.com/package/babel-plugin-import

发表评论取消回复

表情：

评论列表（有 0 条评论，355人围观）

还没有评论，来说两句吧...

相关阅读

相关记一次 pandas 的使用

这周在做一个平台测试的活，东西不难，开发加上测试原本打算两天搞定，结果直接干到了周五下午才交了活。中间的“曲折”过程就不一一赘述了，有个很深的感悟是：设计真的很重要！开发的最终

妖狐艹你老母/ 2022年11月29日 12:57/ 0 赞/ 130 阅读

相关记一次sql union 使用场景记录

这篇博客估计只有自己看得懂了，里面涉及很多具体业务属性无法说明，作为自己处理的一个记录最近在一次开发中，一个问题弄了三天，最后通过sql 中union 使用解决问题。详

ゝ一纸荒年。/ 2022年10月08日 05:52/ 0 赞/ 140 阅读

相关记一次面试经历

都说大三下学期的后半段是收获的季节，是的，因为这个时候的计算机专业学生的技术基础，知识储备等都有些成熟，或者说，基本达到用人单位培养使用的标准。于是乎，抱着试一试的心态

灰太狼/ 2022年06月17日 08:57/ 0 赞/ 292 阅读

相关记一次 jsencrypt 加密的使用

下载 npm install encryptjs --save-dev 然后接入 html，，，publicKey 是后台给的一个要密钥，str 就是得出来的加密

港控/mmm°/ 2022年05月27日 02:50/ 0 赞/ 231 阅读

相关记一次muse-ui 使用

1、安装项目 vue init webpack test-muse 2、下载 muse-ui npm i muse-ui -S 3、按需引入

桃扇骨/ 2022年05月19日 03:19/ 0 赞/ 356 阅读

相关 springboot记一次bug

报错信息： java.io.FileNotFoundException: /usr/local/businesslogannalyzejob.jar!/BOOT-INF/cl

我不是女神ヾ/ 2022年05月13日 04:36/ 0 赞/ 358 阅读

相关记一次Bug

这个Bug查了好几个小时… 如此愚蠢的一个Bug… 给自己跪了. <Menu onClick={this.getComponen

向右看齐/ 2022年04月11日 14:27/ 0 赞/ 344 阅读

相关记一次面试

2019.7.16日天气：暴热暴晒，撑着伞都顶不住... 今天去面试前端实习生，到公司后就直接开始写笔试题目，然后写完后，与面试官进行交谈，发现自己的一些不足，

心已赠人/ 2021年12月07日 13:11/ 0 赞/ 365 阅读

相关记一次netty的使用

前言：笔者在项目中使用的netty的场景是这样的，（物联网公司）所有机柜使用长连接连接到服务器，而服务器使用的正好是netty，所以不得已笔者需要学习netty的一些知识，这里

我不是女神ヾ/ 2021年09月21日 15:50/ 0 赞/ 347 阅读

相关记一次使用list进行分页

在实际项目中，我们有许多情况一条sql不能完成业务需要，所以多个sql执行，那么分页的情况就有点尴尬 PageHelper.startPage(Integer.par

朴灿烈づ我的快乐病毒、/ 2021年09月21日 13:08/ 0 赞/ 311 阅读