vue关闭eslint校验及开启debugger
文章目录
- 在Vue项目中关闭ESLint检查，可以通过以下几种方式实现：
- 修改package.json文件中的eslintScript，将其设置为空字符串或者直接删除。
- 在项目根目录下创建.eslintrc.js文件，并设置rules为关闭所有规则。
- 如果使用Vue CLI创建的项目，可以在vue.config.js文件中配置，关闭lintOnSave。
- debugger生效
在Vue项目中关闭ESLint检查，可以通过以下几种方式实现：
修改package.json文件中的eslintScript，将其设置为空字符串或者直接删除。
"scripts": {
"lint": "",
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
// ...
}
在项目根目录下创建.eslintrc.js文件，并设置rules为关闭所有规则。
module.exports = {
rules: {
'no-console': 'off',
'no-debugger': 'off',
// 其他所有规则都设置为'off'
}
};
如果使用Vue CLI创建的项目，可以在vue.config.js文件中配置，关闭lintOnSave。
module.exports = {
lintOnSave: false,
// 其他配置
};
如果项目中没有vue.config.js文件，可以手动创建一个，然后添加上述配置。
以上方法可以关闭Vue项目中的ESLint检查，不过通常不建议在生产环境中这样做，因为这会失去ESLint的校验，导致代码质量难以保证。
debugger生效
在vue.config.js中进行设置
// vue.config.js
module.exports = {
configureWebpack: {
devtool: "source-map",
}
// ...
}