vue-cli中使用uiv

为了避开即使用vue,又使用jquery的尴尬,找了uiv这个基于vue和bootstrap写的组件UI。
https://uiv.wxsm.space/getting-started/

首先把遇到的坑说下:
uiv用的是bootstrap3,然而使用cnpm install bootstrap –save下载下来的是bootstrap4版本,所以显示出来的ui是乱的。
如果已经安装了boot4,使用命令cnpm install –save bootstrap#3.3.7切换成boot3版本,所有的uiv组件UI就能使用了。

1、首先是简历vue-cli

npm install vue-cli -g

vue init webpack my-project

cd myproject;

npm install;

npm run dev;

2、安装uiv依赖

npm install uiv --save

npm install bootstrap --save

3、修改main.js

import 'bootstrap/dist/css/bootstrap.min.css'
import Vue from 'vue'
import * as uiv from 'uiv'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值