Автор оригинала: FreeCodeCamp Community Member.
Абдул Кадир
Sublime – это легкий текстовый редактор и довольно популярен среди многих веб-разработчиков. Теперь я знаю, что есть много сложных удостоверений на рынке с IntelliSense, завершение кода и othernot. Но этот пост для тех, кто остался лояльным своим любимым текстовым редакциям! Поэтому, если вы используете Sublime для ваших проектов, вы можете наслаждаться некоторыми из которых предлагаемых его известных функций. Отвлечение одно из них.
Давайте начнем, определив термин «свита».
Процесс отвлечения можно сделать в течение трех этапов развития:
- Через ваш редактор (Live Linting)
- Через процесс сборки
- Используя предварительный коммитский крючок в контроле версий
В этом посте мы исследуем живые льготы в редакторе. Существует множество популярных оттенков для JavaScript, как Jshint, ОАО и Eslint. Я буду использовать eslint, потому что ESLINT поддерживает код ES6, очень простым, и очень прост в использовании. Если вы заинтересованы, вы можете посмотреть на сравнение между различными отрядами на здесь !
Шаг 1
Вам нужно сначала установить пакет Eslint NPM. Команда выглядит следующим образом:
npm install -g eslint
Вариант «-G» – установить пакет на глобальном. Установите «NPM», если у вас его еще не установлено. Файл откроется в Sublime, просив вас загрузить два других плагина. Вам необходимо установить эти плагины, используя контроль пакета Sublime.
Откройте управление пакетом с использованием команды/Ctrl + Shift + P и выберите опцию «Управление пакетами: Установить пакет». Затем загрузите два плагина.
- Сублимеллин-эсвет
- SubliMelinter-invent-Eslint
SubliMelinter – это рамка, обеспечивающая подвиску. Он не приходит с поддержкой разных языков. Линтер, специфичный к языку должен быть установлен отдельно.
Плагин Sublime – Eslint действует как интерфейс между Eslint и SubliMelinter. Вы можете проверить процедуру установки на их Главный сайт Если вы застряли где угодно.
После успешного установки плагинов необходимо сбросить редактор для изменения изменений. Теперь мы увидим Eslint в действии!
Шаг 2
Фу! Это было много установок. Теперь, наконец, вы можете проверить удивительность линтания! Откройте свой файл в возвышении и водите силу … но подождите ничего не случилось. Это почему? Не раздражайтесь. Вы все правильно установили, но сам ESLING не делает ничего. Вам нужно предоставить базовую конфигурацию, и это очень простой процесс. Вот как:
- Огнитесь терминальной программы в домашнем каталоге вашего проекта
- Введите эту команду
eslint --init
Подсказка приведена задание вам несколько вопросов о ваших настройках кодирования и файл «.eslintrc» генерируется для вас. Этот файл содержит правила, которые вы только что выбрали. Вы можете добавить дополнительные конфигурации, если вы решите это сделать.
Как видите, Eslint жалуется на углубление и тот факт, что переменная FOO не используется нигде. Вы можете проверить любую ошибку или предупреждение, зависая над выделенной частью кода или проверяя сообщение в строке состояния SUBLIMIME внизу.
Так что это было! Я надеюсь, что вы смогли следовать. ЛИНТИЯ – это довольно прохладный инструмент для обнаружения ошибок в вашем коде. Он гарантирует, что вы следите за рекомендациями кода и вообще пишу чистый код. Я надеюсь, что вы все нашли этот пост полезным, а как всегда, счастливые кодировки!