Vue项目里引入Muse-UI

一、在电脑中装好了node和vue的环境

二、下载纯净的Vue项目

1、在指定文件夹中输入指令：vue init webpack (自定义的项目名称)；
2、然后根据提示，一路回车。

注意：Use ESLint to lint your code 推荐选择 no

下载成功如下图：

三、安装和引入Mint UI

官网：https://muse-ui.org/#/zh-CN/installation

1、安装Mint-UI包，npm 安装和 CDN引入 2种方式任选一种即可。

执行 npm i muse-ui -s ，安装muse-ui -s 成功。

2、凭自己喜好选择是否引入Material Design相关资源。

在index.html引用相关CDN

3、Vue项目使用Muse-UI

官网使用步骤讲解：https://muse-ui.org/#/zh-CN/usage

scr/main.js

这里使用完整引入方式：

至此，一个基于 Vue 和 Muse-UI 的开发环境已经搭建完毕，现在就可以编写代码了。各个组件的使用方法请参阅它们各自的文档。

Vue项目里引入Muse-UI相关推荐

【Vue】16.vue项目里引入百度统计
参考官网:百度统计开放平台百度统计最近往项目里面引入百度统计,也是在网上查了各种资料,把百度统计的官网api又好好的看了一下,顺着文档的步骤,一步一步走下来,其实还蛮简单的,首先先在百度统计注册一 ...
如何在Vue项目中引入ArcGIS JavaScript API 创建三维可视化地图（含vue项目创建教程）
新手上路之在Vue项目中引入ArcGIS API 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...
jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
Vue项目里Websocket的使用
由于项目需求有要使用长链接,我们普通的http请求如果用轮询的方式与服务端通讯就很消耗资源.我们一起来学习一下在vue项目里如何使用websocket,本文纯属个人观点,如果有不正确的地方请大家批评指 ...
在前端项目里引入字体
前言最近做可视化看板产品经理觉得默认字体丑,那么只能在项目里引入一下字体了. 注: vue项目项目里使用的是scss,对于css和less 没有进行测试实现分享一个下载ppt.字体的网址:第一 ...
新建vue项目并引入element组件
从新建vue项目到引入组件Element 以及Error when rendering component报错解决一.新建项目 1.打开cmd,运行:vue init webpack Vue-Dem ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
vue项目安装引入css-loader - cmd篇
vue项目如何引入安装css-loader? 步骤如下: cmd指令: npm install --save-dev css-loader 以上就是关于" vue项目安装引入css-load ...
如何在TypeScript/JavaScript项目里引入MD5校验和
摘要:MD5校验和则是其中一种数学算法,通常是使用工具对文件计算得出的一组32 个字符的十六进制字母和数字. 本文分享自华为云社区<TypeScript/JavaScript项目里如何做MD5校 ...