通过mint-ui构建一个示例项目

mint-ui:
是饿了么开源的一个手机UI框架
下载地址:http://mint-ui.github.io

环境搭建:

  1. 安装nodejs ,下载地址: https://nodejs.org

加入目录依次安装

  1. 安装vue 客户端
npm install -g vue-cli
  1. 创建vue项目
 vue init webpack projectname

在这里插入图片描述

安装完后如下:
在这里插入图片描述

  1. 安装
 npm install --save mint-ui
  1. 设置 ESlint 提示修复快捷键
  2. 引入mint-ui
    在这里插入图片描述

引入JS

import 'mint-ui/lib/style.css'

全部引入:

 import Mint from 'mint-ui'
Vue.use(Mint)

按需引入:

  import { Cell, Checklist } from 'mint-ui';
  Vue.component(Cell.name, Cell);
  Vue.component(Checklist.name, Checklist);

在这里插入图片描述
8.

发布了12 篇原创文章 · 获赞 0 · 访问量 360

猜你喜欢

转载自blog.csdn.net/weixin_46279293/article/details/104355343