0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: javascript, js, анализ кода, eslint, linting, линтинг</p>
1
<p>Теги: javascript, js, анализ кода, eslint, linting, линтинг</p>
2
<p>Одна из сильных сторон JS - доступный инструментарий. Далеко не каждый язык может похвастаться настолько большой экосистемой библиотек и инструментов. Один из этих инструментов используется для статического анализа кода и называется<a>ESLint</a>.</p>
2
<p>Одна из сильных сторон JS - доступный инструментарий. Далеко не каждый язык может похвастаться настолько большой экосистемой библиотек и инструментов. Один из этих инструментов используется для статического анализа кода и называется<a>ESLint</a>.</p>
3
<p>ESLint позволяет находить потенциальные проблемы, обеспечивая высокое качество кодовой базы. При этом<strong>linting</strong>является полностью автоматизированным процессом, что, безусловно, плюс.</p>
3
<p>ESLint позволяет находить потенциальные проблемы, обеспечивая высокое качество кодовой базы. При этом<strong>linting</strong>является полностью автоматизированным процессом, что, безусловно, плюс.</p>
4
<p>К сожалению, многие разработчики не используют все возможности ESLint, а просто подключают предварительно созданную конфигурацию типа<a>eslint-config-airbnb</a>, думая, что этого достаточно. Это допустимо, но едва затрагивает всё, что способен предложить инструмент<strong>ESLint</strong>. Да и вообще, неправильная настройка<strong>линтинга</strong>может принести неприятные последствия.</p>
4
<p>К сожалению, многие разработчики не используют все возможности ESLint, а просто подключают предварительно созданную конфигурацию типа<a>eslint-config-airbnb</a>, думая, что этого достаточно. Это допустимо, но едва затрагивает всё, что способен предложить инструмент<strong>ESLint</strong>. Да и вообще, неправильная настройка<strong>линтинга</strong>может принести неприятные последствия.</p>
5
<p>Помните, что JS - язык не новый, поэтому он имеет много различного, если так можно выразиться, "багажа". Конечно, знать все возможности JavaScript полезно, но не менее важно уметь отличать плохие функции от хороших.</p>
5
<p>Помните, что JS - язык не новый, поэтому он имеет много различного, если так можно выразиться, "багажа". Конечно, знать все возможности JavaScript полезно, но не менее важно уметь отличать плохие функции от хороших.</p>
6
<h2>Переходим к настройкам</h2>
6
<h2>Переходим к настройкам</h2>
7
<p>Во-первых, ознакомьтесь с указаниями по очереди, после чего включите правила ESLint в проект. Пусть изначально они будут настроены как предупреждение (<strong>warn</strong>), а потом, когда вам это станет удобно, вы сможете преобразовать некоторые указания как ошибки (<strong>error</strong>).</p>
7
<p>Во-первых, ознакомьтесь с указаниями по очереди, после чего включите правила ESLint в проект. Пусть изначально они будут настроены как предупреждение (<strong>warn</strong>), а потом, когда вам это станет удобно, вы сможете преобразовать некоторые указания как ошибки (<strong>error</strong>).</p>
8
<p>Итак, в корневом каталоге проекта запускаем:</p>
8
<p>Итак, в корневом каталоге проекта запускаем:</p>
9
npm i -D eslint npm i -D eslint-plugin-fp<p>А теперь там же создаём файл .eslintrc.yml:</p>
9
npm i -D eslint npm i -D eslint-plugin-fp<p>А теперь там же создаём файл .eslintrc.yml:</p>
10
env: es6: true plugins: fp rules: # Правила будут здесь<p>Ещё нюанс - если используете IDE типа<strong>VSCode</strong>, не забудьте установить специальный<a>плагин</a>ESLint. Кроме того, можете запустить ESLint вручную, используя командную строку:</p>
10
env: es6: true plugins: fp rules: # Правила будут здесь<p>Ещё нюанс - если используете IDE типа<strong>VSCode</strong>, не забудьте установить специальный<a>плагин</a>ESLint. Кроме того, можете запустить ESLint вручную, используя командную строку:</p>
11
<p><a>Источник</a></p>
11
<p><a>Источник</a></p>
12
12