怎么搭建vue2.0 boostrap项目-mile米乐体育

小编给大家分享一下怎么搭建vue2.0 boostrap项目，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

一、vue cli初始化vue项目

全局安装vue cli

npm install --global vue-cli创建一个基于 webpack 模板的新项目

vue init webpack my-project进入项目目录试运行

npmrundev

二、将bootstrap加入到vue项目中

安装jquery(因为boostrap是依赖于jquery的)

npminstalljquery--save-dev

安装boostrap

npminstallbootstrap--save-dev

在main.js中分别添加jquery,bootstrap.css, bootstrap.js

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

检验

在任何模板中添加如下代码：

 点击我     模态弹出窗标题 ×close 
  
模态弹出窗主体内容