Как избавиться от проблем в Sublime

1656539530 kak izbavitsya ot problem v sublime

Содержание статьи

автор Абдул Кадир

nS0cZBfD0kHYl0PWpIbDQKFc2CnOlY2QkEz-
Возвышено!

Sublime – это легкий текстовый редактор и достаточно популярен среди многих веб-разработчиков. Теперь я знаю, что на рынке есть много сложных IDE с Intellisense, дополнением кода и т.д. Но этот пост для тех, кто остался верен своим любимым текстовым редакторам! Итак, если вы используете Sublime для своих проектов, то можете наслаждаться некоторыми из замечательных функций, которые он предлагает. Линтинг является одним из них.

Давайте начнем с определения термина «линтинг».

Линтинг – это процесс проверки кода на наличие потенциальных ошибок. Это может быть либо синтаксис, либо стиль кода.

Процесс шелушения может осуществляться на трех этапах разработки:

  1. Через ваш редактор (живой linting)
  2. Через процесс построения
  3. Использование крючка предварительной фиксации в контроле версий

В данной публикации мы рассмотрим живые линтинги в редакторе. Существует множество популярных линтеров для JavaScript, таких как JSHint, JSCS и ESLint. Я буду использовать ESLint, поскольку ESLint поддерживает код ES6, очень расширяемым и очень простым в использовании. Если вам интересно, вы можете посмотреть на сравнение между разными линтерами здесь!

Шаг 1

Сначала вам нужно установить ESLint npm. Команда такова:

npm install -g eslint

Параметр ‘-g’ предназначен для установки пакета на глобальном. Установите npm, если он еще не установлен. В Sublime откроется файл с просьбой загрузить два других плагина. Вам необходимо установить эти плагины с помощью Sublime Package Control.

Откройте панель управления пакетами с помощью команды command/ctrl+shift+P и выберите параметр «Управление пакетами: установить пакет». Затем загрузите два плагина.

  1. SublimeLinter-eslint
  2. SublimeLinter-contrib-eslint

SublimeLinter – это фреймворк, обеспечивающий линтинг. Он не поддерживает разные языки. Линтер для определенного языка необходимо установить по отдельности.

Плагин Sublime-contrib-eslint действует как интерфейс между ESLint и SublimeLinter. Вы можете проверить процедуру установки на их главном веб-сайте, если где-то застряли.

После успешной установки плагинов вам нужно сбросить настройки редактора, чтобы изменения вступили в силу. Теперь мы увидим ESLint в действии!

Шаг 2

Фу! Это было много инсталляций. Теперь, наконец, вы можете убедиться в потрясающем Linting! Откройте свой файл в Sublime и посмотрите на силу… но подождите ничего не произошло. Почему так? Не беспокойтесь. Вы все установили верно, но ESLint сам по себе ничего не делает. Вам нужно предоставить базовую конфигурацию, и это очень простой процесс. Во как:

  1. Запустите программу терминала в домашнем каталоге вашего проекта
  2. Введите эту команду
eslint --init

Появится подсказка, в которой вам будет задано несколько вопросов о ваших параметрах кодирования, и для вас будет создан файл ‘.eslintrc’. Этот файл содержит только что выбранные правила. Вы можете добавить дополнительные конфигурации, если хотите это сделать.

NLI4ZiB25-cVRJZqWNGi6QpH1tEXHmWe9YZw
Перед запуском ESLint
zzhsvjiOWgBPjlRi7jvcSDRrxkI5Uqkzm3d7
ESLint в действии

Как видите, ESLint жалуется на отступление и то, что переменная foo нигде не используется. Вы можете проверить любую ошибку или предупреждение, наведя курсор на выделенную часть кода или проверив сообщение в строке состояния Sublime внизу.

Да это было! Надеюсь, вы смогли проследить. Linting – это достаточно крутой инструмент для обнаружения ошибок в вашем коде. Это гарантирует, что вы всегда будете следовать инструкциям по коду и писать чистый код. Надеюсь, этот пост был для вас полезен, и, как всегда, счастливой кодировки!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *