学习慕课网 vue-cli3安装，cube-ui安装（有图）

最新推荐文章于 2025-07-11 22:04:31 发布
最新推荐文章于 2025-07-11 22:04:31 发布
阅读量2.6k 收藏 4
点赞数 1
CC 4.0 BY-SA版权
分类专栏： cube-ui 搭建项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fengtingYan/article/details/87876817
本文档介绍了如何使用Vue CLI3搭建项目，并详细讲述了cube-ui的安装过程，包括通过cnpm安装，vue-cli的版本管理，以及在main.js中引入cube-ui并删除不必要的组件。此外，还提到了vue.config.js的配置用途，以及启动开发服务器的步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

2019.7.29更
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
https://github.com/cube-ui/cube-template/wiki
在这里插入图片描述
在这里插入图片描述

2019.2.25
1 tab点击切换导航栏：
http://ustbhuangyi.com/music/#/rank

vue-cli2.9.6 中使用cube-ui注意事项
https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

最低0.47元/天 解锁文章

200万优质内容无限畅学
基于vue cli 3.0创建前端项目并安装cube-ui
qq_37828633的博客
12-27 8053
前提条件： 安装node.js。 国内的开发者最好先配置淘宝镜像。 之后用cnpm来代替npm命令。 项目创建过程： 打开cmd，输入命令进入目标工作空间，以本机项目为例： cd  /d  d: cd  D:\workplace 输入全局安装vuecli的命令：cnpm install -g @vue/cli 输入检查vue版本的命令：vue --version 如果版本为3.0+，则继续。 输...
vue-cli3+cubeUI快速搭建项目
mia1106的博客
08-01 1909
想开发一个web项目，选择vue.js框架，如何使用vue-cli3帮我们快速的搭建项目，选择合适的参数配置呢？ vue-cli3脚手架可以快速的帮我们完成搭建，此外，也需要考虑选择一个合适的UI库，可以实现页面的自适应以及快速构建一些常用功能等目标。 首先贴上官方vue-cli3地址，完全没搭过的，可以顺着看一看。 构建项目 首先，创建项目，指令如下一行。 vue create pr...
探索Vue.js项目加速新纪元：Vue-CLI插件之Cube-UI集成
gitblog_00010的博客
06-10 440
???? 探索Vue.js项目加速新纪元：Vue-CLI插件之Cube-UI集成 在快速迭代的前端开发领域中，找到一款既高效又优雅的UI框架至关重要。今天，我们为您带来的是vue-cli-plugin-cube-ui——专为Vue CLI 3设计的神器，旨在简化您的项目构建流程，让接入高性能、美观的Cube-UI库变得前所未有的简单。 项目介绍 vue-cli-plugin-cube-ui是Vue CL...
Flutter、Vue 3 和 React 在 UI 布局比较
最新发布
Bruce__taotao的博客
07-11 1022
本文对比了Flutter、Vue 3和React在UI布局、动画和交互方面的核心差异。Flutter采用Widget树布局，通过Dart实现自绘UI；Vue 3基于HTML/CSS，使用单文件组件；React则依赖JSX和CSS-in-JS。在布局方式上，Flutter使用Row/Column等Widget，Vue和React依靠CSS Flex/Grid。动画实现方面，Flutter用AnimatedOpacity，Vue用transition组件，React借助CSS Transition。Tab切换场
cube-ui—安装
m0_37616866的博客
01-02 3374
1.cube-ui介绍       滴滴团队、Vue、移动端、组件库   2.基于Vue-cli3.0,  cube-ui开发了vue-cli-plugin-cube-ui插件   3. 安装插件 vue add cube-ui 4.预设 Use post-compile? // 是否使用后编译(推荐选择是) // 后编译只不去使用编译后的代码，直接引用源码，用应用去编...
Vue——移动端UI库之cube-ui
weixin_63215361的博客
06-05 896
Toast 是一种轻量级的提示组件，通常用于向用户展示简短的信息（如操作成功或失败的提示）。它会自动消失，不会阻塞用户的操作。Switch 是一种开关组件，通常用于在两种状态之间切换（如开启或关闭某种功能）。它的特点是操作直观，用户只需点击即可完成状态切换。（1）引入 Switch 组件如果你只在某个页面中使用 Switch，可以直接通过 标签使用，而无需注册为全局组件。
cube-ui Vue CLI 插件推荐
gitblog_01094的博客
11-27 442
cube-ui Vue CLI 插件推荐 项目基础介绍 vue-cli-plugin-cube-ui 是一个为 Vue CLI 3 提供的插件，用于快速集成 cube-ui 组件库到 Vue 项目中。该项目的编程语言主要是 JavaScript 和 CSS。 核心功能 该插件的核心功能包括： 自动安装 cube-ui：通过 Vue CLI 插件的方式，可以一键安装 cube-ui，简化了集成流程...
vue-cli3.0+ cube-ui配置 移动端+ axios + 跨域代理设置
罗布泊丶镜像人的博客
05-20 1453
首先vue-cli3.0创建好项目; 然后https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start cube-ui 官网上找到a安装cube-ui的指令,因为是Vue CLI vue-cli@3,所以直接在vue项目初始化后 直接运行vue add cube-ui即可。 **上图为vue add cube-ui下载中的选项，根据自己喜好配置一...
前端开发环境搭建：新版Vue+脚手架Vue-Cli4.3安装讲解以及目录结构讲解
q736317048的博客
12-22 420
什么是Vue 目前前端最主流框架，套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 文档地址： https://cn.vuejs.org/ 建议先安装node.js和npm修改为淘宝镜像，这样在下载vue时可以节省一些时间。没有配置过的可以看我发布的博文有教程 安装新版Vue（直接使用cli） npm install vue（可以不用） 什么是VUE-CLI Vue提供了一个官方的CLI
vue入门（3）-- cube-UI的安装记录
Sabrina_cc的博客
03-12 703
Cube-UI 官网：https://didi.github.io/cube-ui/#/zh-CN 根据脚手架的版本，有不同操作，具体可以参考官方文档：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start 由于我的脚手架工具是vuecli 4.2.3版本的，直接在命令框进入我的项目（注意！一定要在项目中执行命令！），执行命令 vue...
前端项目构建+vue+cube-ui（商城实战)(1.环境搭建)
weixin_42622780的博客
08-10 532
商城项目搭建环境搭建 环境搭建 1.创建vue 项目 vue-cli 脚手架安装最新版本 3.x vue create shop 2.创建好项目之后执行 npm install 安装依赖包后启动项目 npm run serve 3.项目成功启动之后 打开浏览器访问localhost:8080 4.在项目中新建 vue.config.js 配置相关信息 例如：设置更改端口 devServer: { port: 8091 } 注意，更新vue.config.js之后需要重新启动项目 5.安装移动端UI组件库c
vue引用cube-ui步骤
weixin_51935690的博客
03-11 1229
在终端输入vue add cube-ui 依照下图输入 即可 3.可以在package.json中dependencies查看下载是否成功
【亲测免费】 Cube-UI 使用教程
gitblog_00821的博客
08-07 591
Cube-UI 使用教程 项目介绍 Cube-UI 是一个基于 Vue.js 实现的精致移动端组件库。它由滴滴出行前端团队开发，旨在让移动端的开发更加容易，让开发人员更加专注于业务逻辑的开发，提升研发效率。Cube-UI 提供了丰富的组件和模块，支持快速搭建优质的移动端产品。 项目快速启动 安装 Cube-UI 首先，使用 Vue CLI 工具初始化项目配置和基础代码： $ vue init cu...
cube-ui的简化安装
weixin_30512785的博客
07-11 202
cube-ui是由滴滴内部技术团队基于 Vue.js 实现的精致移动端组件库，关于它的安装使用在其官网上都有详细的介绍https://didi.github.io/cube-ui/#/zh-CN，下面是cube-ui的一个简化安装配置过程（此安装配置只针对于 vue-cli < 3 的情况）。 1、cube-ui安装 npm install cube-ui --save 2、由...
cube-ui Vue CLI 插件常见问题解决方案
gitblog_00440的博客
11-25 489
cube-ui Vue CLI 插件常见问题解决方案 项目基础介绍 cube-ui 是一个基于 Vue.js 的 UI 组件库，旨在提供丰富的 UI 组件和良好的用户体验。vue-cli-plugin-cube-ui 是 cube-ui 的 Vue CLI 插件，用于简化在 Vue 项目中集成 cube-ui 的过程。该项目主要使用 JavaScript 和 CSS 进行开发。 新手使用注意事项及...
vue如何使用滴滴的cube-ui组件
xiaojie的博客
07-27 783
vue如何使用滴滴的cube-ui组件
vue-cli 引入第三放插件
栗米的程序媛
03-23 2334
vue-cli 引入模块jq 是可以的，在引入插件所需的js就有问题了；Vue项目中引入外部文件（js）列子中js采用的jquery ，mui.min.js(本地)；在项目环境搭建完成，可以启动静态页面的基础上步骤一：安装js 依赖npm install jquery --save-dev步骤二：修改build/webpack.base.conf.js文件1，在开头 引入webpackVar we...
基于 Vue.js 的移动端组件库 cube-ui
前端栈开发
08-01 709
cube-ui 详细介绍 cube-ui 是由滴滴开源的基于 Vue.js 实现的移动端组件库。 功能特性 质量可靠 由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。 体验极致 以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。 标准规范 遵循统一的设计交互标准，高度还原设计效果；接口标准...
使用vue-ui来创建项目并安装vue-cli-plugin-element插件
热门推荐
BADAO_LIUMANG_QIZHI的博客
10-26 1万+
vue-ui的使用 在要新建项目的目录下打开cmd，输入: vue ui 此时浏览器会弹出窗口，如果不弹出，手动输入提示的url。 打开浏览器的页面如下： 点击中间的创建 点击在此创建项目 输入项目文件夹，以及包管理器,这里选择npm，点击下一步 选择一套预设，这里选择默认，后续可以自己手动配置或者远程从git仓库拉取。 选择完成后，点击创建项目 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值