闵超

vuePress-theme-reco 闵超    2015 - 2024
闵超 闵超

模式切换

  • 夜间模式
  • 白天模式
首页
博客
  • 前端
  • 生活
  • android
  • 后端
标签
时间
文档
  • mcf-cli
  • mc-ui
旧版博客
联系 or 支持
连接
  • 掘金
  • GitHub
author-avatar

闵超

21

文章

14

标签

首页
博客
  • 前端
  • 生活
  • android
  • 后端
标签
时间
文档
  • mcf-cli
  • mc-ui
旧版博客
联系 or 支持
连接
  • 掘金
  • GitHub
  • 介绍 Introduction

    • 介绍 introduce
    • 更新日志 Update
  • 使用安装 Install

    • 使用指南 Useage
  • 基础组件 Basic

    • 色彩 Color
    • 布局 Layout
    • 字体图标 Icons
    • 按钮 Btn
  • 表单组件 Form

    • 输入框 Input
    • 单选框 Radio
    • 复选框 Checkbox
  • 其他组件 Other

    • 弹框 Dialog

使用指南 Useage

vuePress-theme-reco 闵超    2015 - 2024

使用指南 Useage

闵超 2020-05-29

# 安装指南

# 快速上手

# 使用vue-cli创建vue项目

> npm i -g mcf-cli
> mcf create-vue your-project
> npm i && npm run dev

# 引入mc-ui组件库

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm i mch-ui -S

全局引入 在 main.js 中写入以下内容:

import Vue from 'vue'
import App from './App.vue'

import MCUI from "mch-ui";
import 'mch-ui/lib/mch-ui.css'
Vue.use(MCUI)

new Vue({
el: '#app',
render: h => h(App)
})