Vuejs和相关的vue-cli脚手架与jquery是不相干的技术。老的项目希望用Vue来重构新的前端部分，面临到的是一些Vue生态没有对应的插件，因此，Jquery及相关的插件仍然需要在整个项目中引入。

JQuery引入方法和步骤

1. 首先是通过npm安装
   

npm i jquery --save

如果是老的项目用到的Jquery版本比较老，那么建议默认安装最新的版本（如上），不然可能无法让JQuery全局被引入。

   2.  在main.js 这个入口文件内导入jQuey

import $ from "jquery";

 3. 在项目的根目录创建配置文件vue.config.js,内容如下：

const webpack = require("webpack");
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery"
      })
    ]
  }
};

注意，这是Vue-cli3.0以上版本的方法。然后就可以在项目的文件内愉快的使用jquery了。

Bootstrap引入方法和步骤

1. 首页也是通过npm安装

   //指定版本
   npm i bootstrap@x.y.z --save
   //或最新版本
   npm i bootstrap --save

这个安装的版本请根据实际情况选择，如果想和重构的项目老版本一致就指定版本，如果没有要求就可以以最新版本安装

2.  在main.js 项目入口文件依据情况导入文件

import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min.js";

然后，同样的bootstrap也被全局导入了项目