cube-ui—安装

1.cube-ui介绍

滴滴团队、Vue、移动端、组件库

2.基于Vue-cli3.0, cube-ui开发了vue-cli-plugin-cube-ui插件

3. 安装插件

vue add cube-ui

4.预设

Use post-compile?    // 是否使用后编译(推荐选择是)// 后编译只不去使用编译后的代码，直接引用源码，用应用去编译这块代码。
// 后编译的优点是减少构建包的体积。partly, import component on demand, which makes the size of imported code lighter
// 按需引用组件 (推荐)
fully, import all the compoents
// 全部引用组件Custom theme?  // 自定义主题(推荐)Use rem layout // 是否使用rem布局Use vw layout  // 是否使用vm布局

5. 安装完成之后

新增文件及修改文件
src/cube-ui.js   // 引入所有的组件，根据自己的需要手动删除不需要的组件src/theme.styl   // 列出所有组件的颜色，根据需求把颜色进行修改vue.config.js    // 额外的配置，可以给webpack做额外的配置。// 对应cube-ui而言, 对css进行额外的配置，以及添加postCompile插件.browserslistrc  // 针对移动端进行配置修改package-lock.jsonpackage.json    // 添加了"transformModules"字段"transformModules": {"cube-ui": {"transform": "cube-ui/src/modules/${member}","kebabCase": true}}// 配置此项内容，把cube-ui的组件当做项目的组件直接引用，然后交于项目去编译，这就是所谓的后编译，打包后项目体积会大大减少src/main.js     // 引入cube-ui

cube-ui—安装相关推荐

vue ui 创建项目，添加样式时报错，通过vue ui安装less-loader 和less 依赖后报错，百度告诉说版本太高导致
vue ui 安装依赖时,无法选择指定版本,所以,解决办法有两个,第一个用vue ui卸载安装的less-loader 和 less依赖, 第二个使用命令行卸载安装的less-loader 和 les ...
InstallShield 2012 Spring新功能试用（17）: Suite/Advanced UI 和 Advanced UI安装程序支持命令行Log参数...
当我们在Suite/Advanced UI 或 Advanced UI工程中配置一个安装包的设置项时,可以打开新的Enable Logging Support设置项(默认是关闭).如果Suite/Ad ...
cube ui tabbar 组件结构布局理解
在之前项目中,由于设计图对tabbar设置固定的宽度,但是cube ui中都是全宽,在写项目的时候没有仔细看html布局和css样式,以为不能改变为固定宽度.在项目结束后,我研究了一下,终于解决. 选 ...
cube ui 的安装
npm install cube-ui --save cube-ui 搭配 webpack 2+ 支持后编译和普通编译 2 种构建方式(默认使用后编译),使用前都需要修改应用的依赖和配置. 普通编译 ...
.Net Telerik Web UI 安装和使用入门
一安装双击Telerik.Web.UI_2013_2_611_Dev.msi进行安装: 二关于resx 文件看下安装目录下,有很多个resx文件:看上去和telerik web ui 的控件对 ...
ASP.NET Core——身份验证UI安装
目录介绍要求安装步骤 1.身份验证和身份UI配置 2.身份持久性实现创建数据库为Entity Framework Core配置ASP.NET Core 通过Entity Framework ...
Kong(三)Konga UI安装和使用
一 konga 的github地址 konga安装参考 ① Kong 可视化UI 选择 +++++++++++++++ '官方kong-dashboard' +++++++++++++++1)收 ...
vue学习笔记-关于element ui 安装失败的问题解决
今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错: npm ERR! code ERESOLVE npm ERR! ERESOL ...
在已有vue项目中半途引入cube ui组件库的使用遇到的坑(血泪)
直接进入正题(我这儿是属于cube-ui普通编译) 1,在你的vue项目中找到package.json文件安装cube-ui 终端输入命令 npm install cube-ui --save 2 ...
Vue2 + cube UI 实现表单项目
在工作中主要使用React,这次帮朋友做了一个简单的移动端项目使用到Vue框架所以记录总结一下. 项目的前端技术栈: 由于项目比较老使用的是Vue2, UI 框架使用滴滴开源的cube-ui.cube ...

cube-ui—安装

cube-ui—安装相关推荐

最新文章

热门文章