vue如何使用滴滴的cube-ui组件

这几天发现了个新的前端组件，滴滴的cube-ui组件库，这个是针对移动端的。

上官网： cube-ui官网

官网上有此组件的安装，这个组件的安装需要用到vue-cli的，但是当vue-cli>3的时候，我用vue add cube-ui的时候总是出错（我的vue-cli是5.x)，所以我就先试了试小于3的方法。发现也能用。

1. 打开项目终端

npm install cube-ui --save

2. 在package.json中的devDependencies下输入要安装依赖想和版本信息，执行npm i下载相关依赖包，并且要在下边写上transformModules中的内容

"transformModules": {"cube-ui": {"transform": "cube-ui/lib/${member}","kebabCase": true,"style": {"ignore": ["create-api","better-scroll","locale"]}}}

3. 在vue.config.js文件中写入相关代码：

var PostCompilePlugin = require('webpack-post-compile-plugin')
var TransformModulesPlugin = require('webpack-transform-modules-plugin')
module.exports = {configureWebpack: {plugins: [new PostCompilePlugin(),new TransformModulesPlugin()],resolve: {alias: {'cube-ui': 'cube-ui/lib'}}},
}

4. 在main.js中引入css

import "cube-ui/lib/cube.min.css";
import Cube from "cube-ui";Vue.use(Cube);

vue如何使用滴滴的cube-ui组件相关推荐

在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
Vue上传文件 iview Upload UI 组件上传组件
Vue上传文件 input支持上传文件定义type类型,隐藏样式第三定义change事件拿到file 的相关信息,accept限制支持的文件类型然后给button增加点击事件 template部 ...
vue rem插件与cube ui组件样式冲突
我也在网上看了几篇文章后,才解决的.但是并不顺利,可能是我的操作有误,为了以后特地记录: postcss-px2rem不能忽略指定文件需要安装postcss-px2rem-exclude(安装前需要 ...
vue按钮字体大小设置_用Vue模仿antd的样式造UI组件之button
一.环境的配遇新是直朋能到置 1.新建一个遇新是直朋能到分览文件夹 mkdir eassyui 2.使用npm作为包管理新直能分支调二浏页器朋代说,工具 npm init -y 3件览客需和下于有快都 ...
VUE常用UI组件插件及框架-vue前端UI框架收集
UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - ...
16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
17款优秀的Vue UI组件库汇总
17款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
Vue UI组件库总结推荐
基于Vue的Quasar Framework 介绍这个框架UI组件很全面,准备下次使用这个框架了基于Vue的Quasar Framework 中文网 http://www.quasarchs.co ...
优秀的Vue UI组件库
Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可.在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正 ...
你知道这些吗？8款优秀的Vue UI组件库推荐，都能打开呦
Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入 ...

vue如何使用滴滴的cube-ui组件

vue如何使用滴滴的cube-ui组件相关推荐

最新文章

热门文章