文档章节

Muse-UI +Vue2.0框架开发环境搭建

tianma3798
 tianma3798
发布于 04/08 17:06
字数 260
阅读 134
收藏 0

一、安装Vue,创建Vue项目

VSCode 搭建Vue开发环境之Vue CLI

二、安装Muse-UI 库

 npm install muse-ui

不支持vue add 命令安装。

Muse-UI官方文档:https://muse-ui.org/#/zh-CN/installation

修改main.js,增加框架引入:

此处使用完全引入框架方式。

import MouseUI from 'muse-ui'
import 'muse-ui/dist/muse-ui.css';
Vue.use(MouseUI);

 

启动运行,npm  run serve

 

三、增加字体引用,

修改index.html,增加字体

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

 

运行结果:

四、使用常用插件

1.totast

npm install muse-ui-toast -S

2.message

npm install -S muse-ui-message

3.loaing

npm install -S muse-ui-loading

 

使用方式,1.安装插件  ,2.引用插件,以loading为例:

import 'muse-ui-loading/dist/muse-ui-loading.css'; // load css
import Vue from 'vue';
import Loading from 'muse-ui-loading';
Vue.use(Loading);

 

更多:

基于Vue2.0的UI框架整理

Element UI框架+Vue开发搭建示例

Vue+Element UI 使用整理

© 著作权归作者所有

tianma3798
粉丝 16
博文 151
码字总数 44714
作品 0
济南
高级程序员
私信 提问
Muse-UI 2.1.0 发布,Material Design UI 组件库

Muse-UI 是基于 Vue 2.0 和 Material Design 的 UI 组件库。 功能特性: 组件丰富:Muse UI 基本实现了 Material Design 设计规范类的所有组件,另外还开发许多的功能性的组件 可定制:Muse ...

王练
2017/07/07
2.7K
3
Muse-UI 3.0.0-beta.1:所有组件重构,部分组件合并

Muse-UI 3.0.0 首个测试版发布: 所有组件重构,减小了整体包的体积 组件中增加了 和 属性,用于改变组件显示; 基于 vuejs 2.5 的 API,支持标签原生属性、事件(无需使用 监听, 另外部分属性...

王练
2018/05/30
3K
10
Muse-UI 2.0.1 发布,Material Design UI 框架

Muse-UI 是基于 Vue2.0 的 Material Design UI 框架。 Muse-UI 2.0.1 更新内容如下: Bugs 修复在app-bar中为flat-button增加href属性后按钮会发生错位 #397 修复Dialog组件里面使用SelectF...

王练
2017/04/02
8.7K
9
在vue中使用echarts的自定义主题

1、安装echarts,npm i echarts -S 2、在main.js里引入echarts主题的js,一般在 node_modules---echarts---theme---macarons.js。 theme里边有各种各样的主题,任意选一种,这里我选的是mac...

tianma3798
06/17
79
0
Vue数组元素双向绑定,修改数组元素后视图不更新问题

因为 JavaScript 的限制,Vue.js 不能检测到下面数组变化: 直接用索引设置元素,如 vm.items[0] = {}; 修改数据的长度,如 vm.items.length = 0。 为了解决问题 (1),Vue.js 扩展了观察数组...

tianma3798
06/18
29
0

没有更多内容

加载失败,请刷新页面

加载更多

PCB设计-Allegro软件入门系列-allegro环境变量和快捷键

Allegro作为一款高速PCB设计的EDA软件,有完善的约束规则设计和信号完整性电源完整性仿真等各种专业工具深受电子行业从业者喜爱。 对于该软件来说,电子从业者接触最多的就是Allegro的画板功...

demyar
25分钟前
4
0
腾讯云存储

1、进入腾讯云平台,创建 2、进入配置查看域名 3、查看KEY参数 4、将2、3中的参数录入到cms后台 然后点测试按钮查看情况

迅睿CMS-PHP开源CMS程序
27分钟前
4
0
ES 6.x 版本 待验证的CURL命令查询操作

1. 查询数据 curl -H "Content-Type: application/json" -XGET http://elastic:123456@127.0.0.1:9200/alias1/_search -d '{"query": {"match_all": {}}}' 2. 添加数据 如果有不指定ID可以自......

coord
34分钟前
4
0
如何写好论文摘要:研究人员不得不知的小秘诀

我们为何要写摘要? 它的目的为何? 简而言之,摘要的目的就是简单的讨论这篇文章让读者更容易的了解这篇文。 它能在读者与作者之间搭起一条桥梁。当您搜索信息时,您无法一下阅读整篇文章,...

论文辅导员
37分钟前
4
0
移动端、PC端(前后台)、小程序常用的UI框架

移动端、PC端(前后台)、小程序常用的UI框架 1.移动端UI库 ①.Vant UI 官方地址:https://youzan.github.io/vant/#/zh-CN/intro github地址:https://github.com/youzan/vant 优点:用来做移...

jason_kiss
37分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部