Vue+MDUI+Muse-UI的使用与安装

作者：陈世佳编写时间：2018-6-1

方法如下：

步骤一：安装Vue

//查看npm版本npm -v//升级npmcnpm install npm -g//安装Vuecnpm install vue//全局安装vue-clicnpm install --global vue-cli//创建Vue项目（需要进行一些配置，默认回车即可）vue init webpack my-project//进入Vue项目cd my-project//安装依赖cnpm install//运行监测Vue项目是否成功安装cnpm run dev

步骤二：添加MDUI

在static文件夹里添加从官网里下载的mdui包--官方MDUI包，

然后分别在项目里的index.html的head里和body里添加下面两条语句即可。

<link rel="stylesheet" href="./static/mdui/css/mdui.css"><script src="./static/mdui/js/mdui.js"></script>

步骤三：添加Muse-UI

安装Muse-UI

cnpm i muse-ui -S

在main.js里添加后即可使用

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

Vue+MDUI+Muse-UI的使用与安装相关推荐

Muse ui的使用
//添加对手机端的支持 <meta name="viewport" content="width=device-width, initial-scale=1.0, ...
Muse UI - 优雅的 Material Design 风格 UI 组件
一款基于 Vue 2.0 的 UI 组件库,按 Material Design 设计规范实现,体验优秀,使用简单. Muse UI 介绍 Muse UI 是一款基于 Vue.js 的优雅 UI 组件库 ...
如何使用Vue集成其它UI组件？如何阅读UI官网？移动端组件Vant实例教程（熬夜干货）
如何使用Vue集成其它UI组件前言一.Vant是什么? 二.基础环境准备 1.1 了解是根本 1.2 安装 1.3 引入组件 3.1 步骤一 3.2 步骤二 3.3 步骤三二.事件绑定 2.1 ...
Muse UI遇到的坑
写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考.若有不完善的地方,欢迎各位大佬指出,希望对你有帮助! 故事背景是这样的,最近做一个Vue项目,使用到 Muse UI 组件库 ...
Muse UI — 基于 Vue2.0 的 Material Design UI 库
Vue 2.0 发布以来,很多 vue 的开源项目都开始了升级计划,我也思考着 vue-carbon 的升级之路,9月开工,11月完工, Muse UI 闪亮登场. 先睹为快 Muse UI 主要用于 ...
实战Vue：Mint UI移动端购物商城
文章目录 UI组件库下载安装配置UI组件库使用mint-ui组件库中组件短消息提示框 iconfont 确认框创建空组件实现提示框案例 mint-ui表单组件输入框开关组件单选列表表单 ...
vue框架是ui框架么_Vue是2020年一个了不起的框架，为什么
vue框架是ui框架么 An amazing conference regarding the Vue framework was held in the US in the first week o ...
muse ui 的table组件的选择事件说明
muse ui是一套基于vue 2.0的ui组件,它的点击特效.组件模型等都特别适合移动端开发,今天在做一个移动项目是,用到里面的table组件,对其进行选择行操作,根据官方文档的提示一直不解.提示如 ...
Muse UI遇到的坑 1
写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考.若有不完善的地方,欢迎各位大佬指出,希望对你有帮助! 故事背景是这样的,最近做一个Vue项目,使用到 Muse UI 组件库 ...
muse ui 覆盖其样式
vue 单个页面对muse ui 某个组件样式修改,选中不到解决办法: 1,设置自己的类名,然后修改 2,写在公共样式里,对其进行覆盖

Vue+MDUI+Muse-UI的使用与安装

Vue+MDUI+Muse-UI的使用与安装相关推荐

最新文章

热门文章