mint ui

使用软件：Visual Studio Code

第一步：安装Mint UI 包

方法一

我使用的是下载好的安装包

链接：https://pan.baidu.com/s/1mmTG5MVhKM1mvPRbPim3Tg 提取码：hp1z 复制这段内容后打开百度网盘手机App，操作更方便哦 muti-ui包

        解压后如下图

链接：https://pan.baidu.com/s/1bnXs6WeaDpqARRJAQUoXnA 提取码：snb7 复制这段内容后打开百度网盘手机App，操作更方便哦  css样式包

 解压后如下图

第二，在public文件夹中新建styles文件，在把样式reset.css复制到文件夹里。

第三，用Visual Studio Code打开文件scaffolding,效果如下

第四，用ctrl+j 或者ctrl+反引号打开终端，并输入npm run serve

加载完后如图，然后按住ctrl单击链接

效果如下图

因为mint-ui是移动端，所以需要把尺码换成手机来看效果

步骤如下，按f12键，选中手机图标

第二种 引用组件Mint ui

1下载scaffolding,解压（先有一个脚手架项目）

2安装mint-ui 组件库  ----保证有网

   进入scaffolding内，然后在输入框输入cmd,进入命令行界面

   输入 npm install --save mint-ui 

3.打开vscode，选择scaffolding文件

4.在src/main.js中配置MInt ui

        1.导入mint-ui所有组件

           import MintUI from 'mint-ui';

        2.导入所有样式表文件

            import 'mint-ui/llib/style.min.css'

       3.通过vue.use（）方法将mintui注册为vue的插件

          Vue.use(MintUI)

      5.打开控制台 ctrl+j/,打开后，输入 npm run serve

           This relative module was not found 找不到此相对模块

     6.ctrl+点击，打开组件网页

出现这种报错，说明你没有把东西放进去，造成的原因有很多种，比如单词写错了，单词少写了字母，或者语句格式不对等