Vue2.0项目安装Mint-UI - cmd篇

最新推荐文章于 2024-08-07 10:27:23 发布
原创 最新推荐文章于 2024-08-07 10:27:23 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
本文为优快云博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文详细介绍如何在Vue2.0项目中使用cmd指令安装Mint-UI，包括进入项目根目录并执行特定的npm命令，以及安装过程的注意事项。

Vue2.0项目如何安装引入Mint-UI？

这里讲一下如何通过cmd指令安装mint-ui到vue2.0项目。

步骤说明：

  • 和以前一样，先cd到项目根目录

  • 然后cmd：npm i mint-ui -S （即： npm install mint-ui --save）

  • 等待安装完成即可。

查看相关文章：

以上就是关于“ Vue2.0项目安装Mint-UI - cmd篇 ” 的全部内容。

nodeJs + webpack+vue+ element ui 环境安装
GIS摆渡人
04-18 665
文章目录一.安装nodeJs二.安装vue三.创建新项目四.使用vue-cli再一次创建新项目四.引入Elements ui五.运行已有项目六.补充安装axios +sass+store(1).安装axios(ajax的封装）(2).安装sass(3).安装store(4).引入jq(5).安装css-loader(6).安装better-scroll(7).vue项目添加一些触摸事件以及fastclick的支持(8).vue项目配置了babel-polyfill 兼容低版本浏览(9).配置jsonp(10
Mint UI入门系列教程
qq_38822390的博客
05-09 421
Vue移动端框架Mint UI教程-搭建环境引入框架（一） 官网：https://mint-ui.github.io/#!/zh-cn Github: https://github.com/ElemeFE/mint-ui/ 今天具体说一说比较常用的；Mint UI框架的按钮组件，Mint UI是 饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日...
Vue2.0 ElementUI MintUI 安装全过程
07-08 2296
Vue开发速度确实很快所以在这里记录了安装全过程 供大家参考一, 安装node.js https://nodejs.org/en/download/安装非常简单 我下载的 windows 64位版本 的安装包一路 下一步 搞定然后在cmd 命令行中 node -v我显示的版本号为 v8.9.0安装好node.js 也会自动安装了npm 包管理器 接下来输入  npm -v显示版本号 为5.5.1二...
Mint-Ui安装及使用办法
小恶魔的博客
10-24 4478
简介 Mint-Ui是基于vue.js的组件库。 一、本地部署Mint-Ui官方文档 github 仓库地址 点击Download Zip下载（注意：不要git clone） 使用visual code 打开，打开终端，cnpm i 既可。 若使用npm或者yarn ，请先下载：npm install chromedriver --chromedriver_cdnurl=https://npm....
vue2.0之Mint-UI配置填坑
热门推荐
不会指弹的厨子不是好Coder
10-09 1万+
Vue项目搞了这么久，也差不多得给界面换换衣服，看起来专业一点。 网上搜了搜，选择了比较流行的饿了么出品的针对移动端的mint-ui，若是PC端可以用更全面的element-ui，这里就不多做介绍了。 起初以为看看文档就能直接上手用的东西愣是花了接近一天的功夫才跑起来，只能说文档在初始化引导方面还是存在缺陷， 像我这样的新手小白很可能就掉进坑里爬不起来。 首先按照使用文档一
Mint UI 安装
weixin_44169288的博客
03-06 884
1.安装 cnpm i mint-ui -S 2.引入---在main.js中引入 --------整体引入------------ import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' ...
在Vue中安装Mint-UI方法
weixin_44549556的博客
12-04 546
在Vue中安装Mint-UI方法 全部导入组件 如果项目会用到 Mint UI 里较多的组件，最简单的方法就是把它们全部引入。此时需要在入口文件 main.js 中： import Mint from 'mint-ui'; Vue.use(Mint); import 'mint-ui/lib/style.css'; 按需导入Mint-UI中的组件 比如导入Header组件，在main.js中写入...
Vue项目vue-cli3.x+Mint-UI-------基于脚手架cli3.x 按需引入Mint-ui的组件不起作用、报错、失败
Lemon_wzq的博客
11-27 1676
使用脚手架cli3.x+Mint-UI简单的描述下遇到的情况吧:1、安装Mint-UI2、需要借助的工具babel-plugin-component3、最关键的一步，官网教程里的.babelrc 文件的修改4、就是在main.js里面引入你需要使用的组件就行了 简单的描述下遇到的情况吧: 因为项目需要我采用了Mint-UI，又因为项目是采用的脚手架3,所以官网的使用教程不能直接粘贴过来用，为了项目...
vue+mint-ui初始化项目
happyStudy_的博客
07-20 427
一、前端开发框架和环境都是需要 Node.js ，先安装node.js开发环境， vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后， 打开cmd开始输入命令。 下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功。 二、安装淘宝npm...
Mint UI 安装与使用教程
gitblog_00532的博客
08-07 351
Mint UI 安装与使用教程 本文将引导您了解和使用Mint UI，一个基于Vue.js的移动端UI组件库。 1. 项目目录结构及介绍 在下载或克隆Mint UI仓库后，您会看到以下基础目录结构： mint-ui/ ├── dist/ # 包含编译后的CSS和JS文件 ├── examples/ # 示例代码和页面 ├── src/ # 源码...
cmd命令行输入vue ui进行创建项目
qq_45793102的博客
03-20 560
1.cmd命令行输入vue ui 就会打开创建项目的链接（如图）2.点击创建项目一下操作 3.选择手动添加配置 4.下一步选择配置，创建项目，下一步就完成了 以上项目就创建完成了，可以去对应目录下找到相应的文件夹 ...
MintUI部署安装--按需引入
weijiechenlun133的博客
12-07 708
1.使用 vue-cli npm install -g vue-cli vue init webpack projectname 注意：ESLint 是否选择，根据个人需要。 2. 进入project，安装mint-ui cd projectname npm i mint-ui -S 至此，已经完成安装。 3. 使用babel，安装 babel-plugin-component...
vue中配置mint-ui报css错误的问题
luckylqh的博客
01-22 7196
在vue2.0中引入了mint-ui后总是报一个css的错误 但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？ 因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引
cmd中vue ui无反应的解决方法（含vue ui过慢的解决方法）
unlilalila的博客
11-08 2524
1.在cmd中输入 vue -h 若在commands里没有ui这项，则说明版本过旧，需要卸载：npm uninstall vue-cli -g 2.为了快速安装 @vue/cli 可用 cnpm，没有cnpm的可以先用tb镜像安装cnpm： npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装 @vue/cli ：cnpm install -g @vue/cli 4.安装成功后如下： 5...
新建Vue项目 并引入element ui（cmd中vue ui没有反应的解决办法）
weixin_46483006的博客
07-18 3277
我们需要的是NodeJS里npm工具，npm是NodeJS下的一个包管理工具，它可以很方便的帮你管理（可以简单理解为下载）各类前端的框架或插件。附安装教程：http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html。2、输入之后，自动弹出网页，进行新建项目。我们可以去官网下载https://nodejs.org/zh-cn/download/（项目名中不能有大写字母，会报错，可以加-）vue -V(大写的V)，查看是否安装成功。...
探索Mint UI：为Vue 2.0打造的移动端UI组件库
最新发布
gitblog_00230的博客
08-07 580
探索Mint UI：为Vue 2.0打造的移动端UI组件库 在移动应用开发的世界里，选择一个高效、灵活且易于使用的UI组件库是至关重要的。今天，我们将深入了解一个专为Vue 2.0设计的移动端UI组件库——Mint UI。 项目介绍 Mint UI是由ElemeFE团队开发的一个开源项目，专为Vue 2.0设计。它提供了一系列的移动端UI组件，旨在帮助开发者快速构建高质量的移动应用。Mint UI...
vue mint-ui 项目常见报错问题与解决方法
Wu_shuxuan的博客
06-18 9406
Use npm install -g vue-cli vue init webpack projectname 测试时 ： npm run dev 打包时 ： npm run build Notice 1 . 加上scoped说明该css只在该组件中生效。 <style scoped> ... <style&amp
mint ui css覆盖,vue中配置mint-ui报css错误问题的解决方法
weixin_35648203的博客
08-04 272
在vue2.0中引入了mint-ui后总是报一个css的错误但是package.json中已经配置了css-loader style-loader ，webpack.config中也已经配置了css，还是报这个错误，相反，如果把webpack.config中css的配置注释掉就不会出错，这是为什么呢？因为 在webpack.config中没有设置好css引入的目录，因为默认情况下我们只会引入/sr...
vue ui 无反应解决方法
m0_67318913的博客
03-17 949
由于vue ui 命令需要vue3.0以上，旧版本vue cli 的包名从vue-cli改成了@vue/cli，所以之前通过npm或者cnpm安装vue-cli是没有ui命令，可以通过vue -h 看一下。特别说明，如果没有卸载之前的vue-cli，直接安装@vue/cli，即使能够安装成功，vue的版本还不是3.0以上，因此特别需要注意卸载之前的vue-cli（搞了几天一直装不好就是这个原因·——·）最好不要使用npm安装，因为太慢了（-_-），如果没有安装cnpm，先用淘宝镜像安装。
Vue 2.0：利用vue-cli和element-ui构建树形表格组件
本文档详细介绍了如何使用Vue 2.0结合vue-cli和element-ui构建一个树形treeTable组件。首先，我们概述了整个开发过程中的关键技术和工具： 1. **vue-cli的安装与使用**: vue-cli是一个流行的前端脚手架工具，用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

草巾冒小子

你的赞赏正在生成下一个技术方案

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值