1.npm安装jquery
npm install jquery --save-dev
2.在main.js中引入jquery
const $ = require('jquery')
window.$ = $
3.即使这样我eslint还是会报$未定义的错,
解决方法:在项目根目录下新建 .eslintrc.js 文件,配置代码如下:
module.exports = {
root: true,
env: {
node: true,
jquery: true //此处配置意思为全局引入jquery
},
'extends': [
'plugin:vue/essential',
'eslint:recommended'
],
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'
}
};