Vue-cli使用bootstrap和jquery出错（因版本问题导致没有.eslintrc.js文件）在main.js中import $ from ‘jquery‘出错

Vue-cli使用bootstrap和jquery出错（因版本问题导致没有.eslintrc.js文件）

vue-cli因版本过高文件目录会与以往的不同，导致在main.js中import $ from 'jquery’出错。

使用bootstrap:

Bootstrap需要依赖jQuery，所以引用Bootstrap之前要先引用jQuery，使用下面的命令引用jQuery：
npm install jquery --save
然后安装bootstrap:
1.npm install bootstrap --save
2.在目录下直接安装：D:\项目根目录\src\assets下
3.在main.js中引入jquery和bootstrap。main.js代码如下：

import Vue from 'vue'
import App from './App.vue'
// 引入jQuery
import $ from 'jquery'
// 引用bootstrap
import './assets/bootstrap/css/bootstrap.css'
import './assets/bootstrap/js/bootstrap.js'

4.在根目录下的package.json文件中找到rule规则：

代码如下:

"rules": {
      "no-unused-vars":"off"
    }

5.启动npm终端：npm run serve
6.实验bootstrap能否使用：

<p class="col-md-6">
       <button class="btn btn-primary">测试按钮</button>
</p>

7.效果如图