在 Visual Studio Code 里写代码，重复属性这种低级错误是不是偶尔也会冒出来？别担心，VSCode 本身就有不少办法帮你及时发现并揪出它们。下面几种方法，从自动检测到手动排查，总有一款适合你。

方法一：使用 ESLint 自动检测

先说最直接的方式——借助 ESLint 插件。

ESLint 作为 JavaScript 代码检查的标配工具，在 VSCode 中安装后，只需要在项目根目录下放一个 .eslintrc 文件，把规则配好就行。比如这样：

{
  "rules": {
    "no-duplicate-attributes": "error"
  }
}

配置完成后，一旦代码里出现重复属性，ESLint 就会在编辑器里直接标红报错，精准定位到具体位置——相当于给你的代码装了个“实时纠错雷达”。

方法二：利用 Prettier 格式化辅助

另一种思路是用代码格式化插件来间接帮忙。比如 Prettier，虽然它不会专门针对重复属性报错，但格式化之后代码结构变得清晰整齐。

缩进、换行都规整了，你扫一眼就能更容易发现哪个属性出现了两次。在 VSCode 里装好 Prettier，设置好保存时自动格式化，每次 Ctrl+S 以后，代码就像被整理过的桌面，问题自然无所遁形。

方法三：手动逐行检查

当然，最“原始”也最可控的方法还是靠自己的眼睛。养成定期回头检查代码片段的习惯，逐行扫一眼属性的出现情况。

对于小项目或者临时写的脚本，这招其实挺高效——不动用任何工具，纯靠人类智慧。不过话说回来，要是项目大、协作人多，还是建议优先用 ESLint 这类自动化方案，省心又靠谱。

《夸克》非常好用的免费AI浏览器

下载APP查看