要实现保存时自动还原 Eslint 与 Vue3 的设置,你可以采取以下步骤:
npm install eslint eslint-plugin-vue --save-dev
.eslintrc.js
文件,并在其中配置 eslint 规则和插件:module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/vue3-essential',
'eslint:recommended',
],
parserOptions: {
parser: 'babel-eslint',
},
rules: {
// 在这里添加自定义的 eslint 规则
},
};
vue.config.js
文件,并在其中配置保存时自动还原 eslint 设置:module.exports = {
chainWebpack: (config) => {
// 在开发模式下使用 eslint-loader
if (process.env.NODE_ENV === 'development') {
config.module
.rule('eslint')
.use('eslint-loader')
.loader('eslint-loader')
.tap((options) => {
options.fix = true; // 自动修复错误
return options;
});
}
},
};
通过以上配置,当你保存 Vue3 代码时,eslint-loader 会自动检测并修复错误,并且会在保存后自动还原 eslint 设置。
请注意,上述配置是基于 Vue CLI 4+ 的配置方式,如果你使用的是不同的构建工具,请根据相应的文档进行配置。
希望对你有所帮助!