VUE下安装JQUERY 以便使用BootStrap

1:运行命令npm install jquery --save

看到package.json中多了jquery的版本

 

2：修改webpack.base.conf.js两个地方：

其一：加入var webpack = require("webpack")；

其二：在module.exports的里面加入

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
         jQuery: "jquery",
         $: "jquery"
    })
]

加到最后就好。

最后在main.js中加入import $ from 'jquery' 完成jQuery的引入。

3：引入BootStrap

下载：https://v3.bootcss.com/getting-started/#download

拷贝：到项目assets目录

main.js下加入：

import './assets/bootstrap-3.3.7-dist/css/bootstrap.css'
import './assets/bootstrap-3.3.7-dist/js/bootstrap.js'

 

再看表格，就已包含了样式了