mand-mobile CLI手动安装引入使用 介绍
Mand Mobile
面向金融场景的移动端UI组件库,基于Vue.js实现
链接
预览
扫描下方二维码,打开示例集合进行预览:
安装 & 使用
CLI
通过mand-mobile-template创建新项目
vue init mand-mobile/mand-mobile-template my-project
通过vue-cli-plugin-mand向
Vue CLI 3 新建的项目里初始
vue create my-project cd my-project npm install --save-dev vue-cli-plugin-mand vue invoke mand
手动安装
在已有项目里手动安装 Mand Mobile 的包
npm install mand-mobile --save
引入
-
使用 babel-plugin-import 或 ts-import-plugin (推荐)
import { Button } from ‘mand-mobile’
-
按需引入
import Button from ‘mand-mobile/lib/button’
-
全量引入
import Vue from ‘vue’
import mandMobile from ‘mand-mobile’
import ‘mand-mobile/lib/mand-mobile.css’Vue.use(mandMobile)
使用
选择需要的组件开始构建您的webapp,详细内容请查看快速上手。
开发
git clone git@github.com:didi/mand-mobile.git cd mand-mobile npm install npm run dev
打开浏览器访问http://127.0.0.1:4000,
详细内容请查看开发指南。
贡献
如有任何的意见或建议,欢迎您通过创建Issue或Pull
Request的方式告知我们,请先阅读贡献指南。
证书
Mand Mobile使用Apache License 2.0,查看证书。
mand-mobile CLI手动安装引入使用 官网
https://gitee.com/didiopensource/mand-mobile
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。