自动拾取 vscode 中的 js 错误答案

【问题标题】：Automatically picking up js errors in vscode自动拾取 vscode 中的 js 错误
【发布时间】：2020-01-21 12:27:36
【问题描述】：

使用 VS Code，我在 JS 工作流程中不断遇到一些小问题，示例如下：

在下面的代码中有一个很小的错误（突出显示）。

module.exports = {
elems: {
    accordions: document.querySelectorAll('ul.m_accordion')
},
init: function() {
    this.render();
}, 
render: function() {
    if (!this.moduleValid()) {
        return;
    }
    this.attachListeners(this.elems.accordions);
}, 
moduleValid: function() {
    return this.elems.**accordion**.length > 0;
}, 
attachListeners: function (accordions) {
    for(var i = 0; i < accordions.length; i++){
        console.log(this);
    }
}
}

重命名了一个变量，错过了一个，webpacked 并且（可以理解地）在浏览器中中断，几乎没有调试并且它所有的工作。更大的文件虽然它变得有点痛苦。但是，如果这些错误被拾取并显示在 VSCode 中，那就太好了。

作为参考，并向您展示我在此看到的相同 js 代码的小屏幕截图，在带有错误可见但“不可见”的 vs 代码中

（忽略我的小涂鸦-纯粹是为了吸引人们注意我的痛苦）

【问题讨论】：

标签： javascript visual-studio-code vscode-settings

【解决方案1】：

您可以尝试使用 ESLint 扩展：https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

ESLint 旨在检查您的 javascript 是否存在语法错误，还强制您以您可以配置的特定方式编写脚本。例如。您可以强制每个开发人员避免在单行等中编写 JSON。

您可以使用应用程序根目录中的.eslintrc 文件配置规则。检查https://eslint.org/docs/user-guide/configuring。以下是.eslintrc 文件的示例

或

如果您想要 C# 或 JAVA 等绝对类型检查和编译优势，请使用 TypeScript。

【讨论】：

谢谢！我会试试看的。