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

2019独角兽企业重金招聘Python工程师标准>>>

一、安装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 使用整理

转载于:https://my.oschina.net/tianma3798/blog/3033694

Muse-UI +Vue2.0框架开发环境搭建相关推荐

微信公众平台开发之基于百度 BAE3.0 的开发环境搭建（MyEclipse + SVN）
转载请标明出处,谢谢! 版本说明: V1: 2014-3-30 版前言: 因为要进行微信开发,就必须要成为微信开发者,要想成为微信开发者,就必须要有服务器响应微信的 To ...
Jeecg-Uniapp 移动框架开发环境搭建—— APP解决方案
开发环境搭建开发环境搭建第一部分: 开发环境搭建一.安装开发工具二.项目 1.使用HBuilderX导入项目 2.运行uni-app 第一部分: 开发环境搭建一.安装开发工具源码下载: h ...
Hibernate（一）——采用Hibernate框架开发环境搭建
Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,使得Java程序员充分使用对象编程思维来操作数据库.HIbernate的移植性很好,它可以应用于任何JDB ...
JavaApp自动化测试系列[v1.0.0][Appium开发环境搭建]
Appium 是一个开源工具,用于自动化 iOS 手机. Android 手机和 Windows 桌面平台上的原生.移动 Web 和混合应用.「原生应用」指那些用 iOS. Android 或者 Wi ...
php7.0 + mysql5.7.10 + nginx7.0 web开发环境搭建(CentOS7)
一.搭建nginx开发环境参考官方文档:http://nginx.org/en/linux_pac... 1.设置yum 官当提供了利用yum来安装.升级nginx的方法在/etc/yum.rep ...
EOSIO：EOSIO最新版1.4.0 钱包开发环境搭建
EOSIO最新版1.4.0 开发环境钱包的搭建前言 EOSIO1.4.0在2018年10月17日发布,相应的开发文档也于今天2018年10月29日在官网上线.在上周,博主被领导要求开始看EOS合约 ...
vue框架开发环境搭建
说明该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工. 第一步:下载并安装Node.js 安装包请移步Node中文官网,直接点我进去找就行打 ...
cocos2d python文档_【Cocos2D-X 学习笔记】Cocos2D-x 3.0+VS开发环境搭建[使用Python]
上一节讲了如何用VS自带的项目管理器创建项目,该方法只适用于cocos2d-x 2.0版本,而cocos2d-x 3.0较之前版本在命名等方面有了较大更新,而cocos2d-x3.0不再支持用VS项目 ...
宁波中软国际实习日记（一）：SSM框架开发环境搭建
文章目录 1.0 JDK安装 2.0 IDEA安装 3.0 Tomcat安装.部署 4.0 Maven安装.部署 5.0 MySQL安装 6.0 Notepad++安装 1.0 JDK安装实习所用J ...

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

Muse-UI +Vue2.0框架开发环境搭建相关推荐

最新文章

热门文章