Vue引入Bootstrap

Jason
2021-06-15 / 0 评论 / 72 阅读 / 正在检测是否收录...

在 vue 项目中引入 bootstrap,首先要引入两个依赖:jQuery 和 popper
第一步、安装
安装命令如下:

  1. npm install bootstrap --save-dev
  2. npm install jquery --save-dev
  3. npm install popper.js --save-dev

默认安装最新版本,如果想要安装 bootstrap 的 V3 版本(依赖 less),可以:

  1. npm install bootstrap@3 --save-dev
    或者,采用可视化窗口安装

2、可视化窗口安装
1、找到:项目> 依赖> +安装依赖> 运行依赖
搜索并安装 jquery 和 popper.js

2、找到:项目> 依赖> +安装依赖> 开发依赖
搜索并安装 bootstrap

第二步、引入
在 mian.js 页面,写以下代码
// 引入jQuery、bootstrap

import $ from 'jquery'

import 'bootstrap'

 

// 引入bootstrap样式

import 'bootstrap/dist/css/bootstrap.min.css'

import 'bootstrap/dist/js/bootstrap.min.js'

1

评论 (0)

取消