在 vscode 中自动拾取 js 错误

Question

使用 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);
    }
}
}

重命名了一个变量，错过了一个，网络打包并且（可以理解）在浏览器中崩溃了，几乎没有调试并且一切正常。 更大的文件虽然它变得有点痛苦。 但是，如果这些错误被发现并显示在 VSCode 中，那就太好了。

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

（忽略我的小涂鸦 - 纯粹是为了引起我的悲哀）

Answer 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 。