1.NPM 安装 jQuery，项目根目录下运行以下代码

npm install jquery --save

2.webpack配置，在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack。

var webpack = require('webpack')

3.然后在module.exports中添加一段代码

// 原有代码
resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
  }
},
// 添加代码
plugins: [
  new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"
  })
],
// 原有代码
module: {
  rules: [
// ......
  ]
}

4.main.js里导入jQuery

 
import 'jquery'
5.解决'$' is not defined，'jQuery' is not defined。eslint 配置

 
env: {
  // 原有
  browser: true,
  // 添加
  jquery: true
}
6.重新运行环境
npm run dev