vue中引入jquery及bootstrap

一、 vue-cli中引入jquery及bootstrap

1. 命令行

cnpm install jquery --save-dev
cnpm install bootstrap --save-dev
cnpm install --save popper.js               // 切记要下载，否则会报错

2. 添加

1>. build下的 webpack.base.conf.js 中

var webpack = require('webpack')
module.exports = {  
  plugins: [
    new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery"
    })
  ]
}

2>. main.js 中

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'
import $ from 'jquery' 
new Vue({
  el: '#app',
  router,
  $,                                                 // 切记在new Vue时，添加 $
  components: { App },
  template: '<App/>'
})

二、下载 vue-cli 时报错

vue init webpack myproject
cd myproject
npm install --save-dev prettier@1.12.0        // 可解决vue版本更新问题
cnpm install
cnpm run dev