vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案

近日在vue项目开发中遇到一个问题：vue 项目在index.html页面直接引入jq库，报错$ is not defined解决方案。。。

首先说一下为什么会出现这个错误，其实项目发布到线上是不会出现这个问题的，但是我们本地开发时由于代码的规范插件，导致这哥报错的出现，其实我们只需一个小的配置略过这个编辑器的解析就好了。。。

废话不多说直接看代码：

首先在我们项目的根目录创建一个文件：如下图所示：文件名为(.eslintrc.js，不要忘记前面有个点)

接下来就是内部代码：

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-undef': 'off',
    'vue/no-unused-vars': 'off',
    'vue/require-v-for-key': 'off',
    'no-unused-vars': 'off',
    'vue/no-unused-components': 'off'
  },
  parserOptions: {
      parser: 'babel-eslint'
  }
}

把文件创建好，代码ctrl+c，ctrl+v，即可。重新启动项目就可以了。。。