vue - [04] 配置

关闭ESLint、

 

 

 

001 || ESLint

（1）定义

  ESLint是一个插件化的JavaScript代码检查工具。在vue项目中，它可以检查.vue文件中的JavaScript代码（包括脚本部分）以及HTML模板中的部分语法规范（例如在模板中使用JavaScript表达式时的语法正确性等）。它依据一套预定义的规则集来检查代码是否符合特定的编码风格和最佳实践要求。可以使用内置的规则集，也可以根据项目需求自定义规则集或者采用社区广泛认可的规则集。

（2）作用

• 帮助开发者发现代码中的潜在错误，例如变量未定义就使用、函数调用缺少参数等问题。
• 强制统一的编码风格，使团队成员编写的代码风格一致。比如规定缩进是两个空格还是四个空格，变量命名采用驼峰命名法还是下划线命名法等。
• 当项目规模变大时，遵循统一的编码规范有助于新成员快速理解代码结构和逻辑。
• 对于长期维护的项目，规范的代码更易于修改和扩展。

（3）关于ESLint的方法

在项目配置文件中禁用：在vue.config.js文件中可以设置lintOnSave: false来关闭在开发过程中的ESLint检查。

module.exports = {
  lintOnSave: false
};

在编辑器中临时忽略：在大多数现代代码编辑器（如VSCode）中，可以针对特定行或文件临时忽略ESLint的检查。

对于特定行，可以在代码末尾添加注释来忽略该行检查，例如在JavaScript代码中：// eslint-disable-next-line。

对于整个文件，可以在文件开头添加 /* eslint-disable */ 来关闭该文件的所有ESLint检查。

 

 

002 || 标题

 

 

003 || 标题