наши проблемы - демонстрация установки на рост
О да, я должен был взять на себя обязательство, изображенное на изображении выше, когда я познакомился с миром Линтинга. До того, как меня пригласили на учебный курс Andela Bootcamp, я никогда не использовал определенные технологии, некоторые из которых включают линтинг и тестирование. Я потерял сон, заставляя их работать, но вы должны знать, что использование библиотеки линтинга увеличивает вашу продуктивность и качество кода.
Делает ли Линтинг лучшим программистом? Это спорно, но я предпочитаю сказать «да» из-за влияния ESlint на мой код и структуру кодирования. Некоторые из преимуществ ESLint включают:
* Лучшее качество кода
* Избегание ошибок
* Использование стандартного стиля кодирования компании
* Написание кода, легко понятного для со-разработчиков
Наши задачи
Настройка EsLint на VScode (знаете ли вы какой-либо другой текстовый редактор?) имела свои проблемы, и установка на рост была единственной причиной, по которой мне это удалось.
В качестве стиля кодирования использовался стиль airbnb, поэтому для его установки я использовал
npm install - save-dev eslint eslint-config-airbnb-base eslint-plugin-import
Затем вы должны настроить файл `.eslintrc.js` (создать его в корневой папке вашего приложения. Без имени, просто .eslintrc.js) со следующим содержимым.
module.exports = {extends: ‘airbnb-base’};
Найдите расширение VSCode, чтобы установить ESLint, если у вас его еще нет, то все готово.
Теперь, когда у меня установлен стиль ESlint airbnb, я начал видеть множество ошибок в кодах, которые я написал ранее, некоторые из этих ошибок было легко исправить, поскольку они были связаны только с пробелами и отступами, но я буду конкретен. две (2) ошибки, из-за которых я вырвал часть волос.
- Ошибка LF
« Ожидается, что разрывы строк будут« LF », но найден« CRLF ».
Решение. Перейдите в настройки VScode и найдите crlf. при обнаружении отрегулируйте настройку на lf. Если у вас установлен prettier, вам может потребоваться перезагрузить его или даже отключить (prettier).
2. Ошибка console.log.
Обычно эта ошибка не возникает, если вы настраиваете файл `.eslintrc.js`, как указано выше.
Если в вашем коде есть инструкция console.log, вы получите
«Неожиданный оператор консоли»
Решение. Добавьте их в свой файл .eslintrc.js.
module.exports = {
extends: ‘airbnb-base’,
rules: {
‘no-console’: ‘off’,
}
};
Не пишите коды случайным образом, лучше придерживаться стиля кодирования. Таким образом, вы тратите меньше времени на исправление ненужных ошибок и больше времени на написание качественного кода.
PS: Если у вас есть другое мнение или лучшие способы решения вышеуказанных проблем, дайте мне знать
