Автоматическое обнаружение js ошибок в vscode - PullRequest
Новая
       8

Автоматическое обнаружение js ошибок в vscode

0 голосов
/ 21 января 2020

Используя 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 с кодом ошибка видимая, но «невидимая»

enter image description here (не обращайте внимания на мою маленькую писанину - просто чтобы обратить внимание на мое горе)

1 Ответ

0 голосов
/ 21 января 2020

Вы можете попробовать использовать расширение ESLint: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

ESLint предназначен для проверки вашего javascript на наличие синтаксических ошибок, а также вынуждает вас писать свой скрипт с указанием c способ, который вы можете настроить. Например, вы можете заставить каждого разработчика избегать записи JSON в одну строку и т. Д. c.

Вы можете настроить правила, используя файл .eslintrc в root вашего приложения. Чек https://eslint.org/docs/user-guide/configuring. Ниже приведен пример .eslintrc файла

ИЛИ

Если вы хотите абсолютную проверку типов и преимущества компиляции, такие как C# или JAVA, тогда используйте TypeScript.

...