18 основных плагинов для возвышенного текста

Несмотря на то, что SublimeText поставляется с множеством замечательных функций, которые помогают нашей работе веб-разработчикам, как и любому другому инструменту, всегда найдется место для улучшений. Это когда плагины могут быть действительно полезными (и мы большие поклонники плагинов).

Прежде чем мы продолжим, возможно, вы хотели бы проверить наши предыдущие сообщения на SublimeText, чтобы увидеть, что он может делать в своем родном состоянии:

Далее в этом посте мы собрали несколько плагинов, которые вам может понадобиться установить, чтобы заполнить функции, отсутствующие в SublimeText.

1. Контроль пакетов
   Управление пакетами – это первое, что вы должны установить сразу после установки SublimeText. С его помощью вы можете легко устанавливать, обновлять, удалять и просматривать список пакетов или плагинов, которые вы установили в SublimeText.
   2. муравей
   Короче говоря, Emmet позволяет нам быстрее писать HTML и CSS с помощью сокращений / ярлыков, а затем расширять их в допустимые теги HTML. Это один из моих наиболее часто используемых ярлыков, который экономит время:

((H4> а[rel=external]) + Р> IMG[width=500 height=320]) * 12

Создает 12 списков заголовков с изображением. Затем я могу заполнить свой контент, не беспокоясь о том, чтобы испортить формат.

Подробнее: написание HTML и CSS быстрее с Emmet

1. SublimeLinter
   SublimeLinter недавно был перестроен и отполирован для SublimeText 3. Новая версия, безусловно, поставляется с набором новых функций. Вместо того, чтобы положить все пуха В одном пакете разработчик позволяет выбирать и устанавливать только те, которые вы регулярно используете.
   

Больше: Взгляд в SublimeLinter 4

1. SublimeEnhancements
   У SidebarEnhancements есть несколько новых вещей в меню боковой панели, включая создание нового файла в папке текущего проекта, перемещение файла и папки, дублирование файла и папки, открытие в Finder и браузере, обновление и многое другое.
   5. PackageResourceViewer
   С PackageResourceViewer вы можете легко просматривать и редактировать пакеты из SublimeText. Вы также можете извлечь пакет, который скопирует его в папку User, чтобы вы могли безопасно редактировать его.
   6. Гит
   Этот плагин интегрирует SublimeText с Гит поэтому вы можете запускать некоторые команды Git из SublimeText, такие как «Добавление и фиксация файлов», «Просмотр журнала» и «Аннотирование файлов».
   7. Терминал
   Этот плагин позволяет вам открыть папки проекта в терминале прямо из SublimeText – с помощью горячей клавиши. Это очень полезный плагин, когда вам нужно выполнить командные строки в данной папке.
   8. CSSComb
   CSSComb – это плагин для сортировки свойств CSS. Если вам нужно, чтобы ваши коды были аккуратными и в правильном порядке, этот плагин позволит вам настроить порядок свойств. Это также полезно, когда вы работаете с командой разработчиков, каждая из которых имеет свои предпочтения в написании кода.
   

Подробнее: сортировка и организация CSS с использованием CSSComb

1. Могу ли я использовать
   С помощью этого плагина вы можете проверить поддержку браузером свойств CSS и используемых вами элементов HTML. Чтобы использовать его, выделите свойство CSS или элемент HTML, и вы попадете на соответствующую страницу в CanIUse.com,
   10. центровка
   Выравнивание позволяет выровнять ваши коды, включая PHP, JavaScript и CSS, что делает его аккуратным и более читабельным. Смотрите следующий скриншот для сравнения до и после.
   11. триммер
   Этот плагин поможет вам удалить ненужные пробелы, а также конечные пробелы, которые могут вызвать некоторые ошибки в JavaScript.
   12. ColorPicker
   С помощью этого плагина вы можете выбирать и добавлять цвета в SublimeText с помощью собственного цветового круга вашей ОС.
   

Подробнее: Easy Color Picker в SublimeText

1. Редактирование MarkDown
   Хотя SublimeText способен просматривать и редактировать файлы Markdown, он обрабатывает его как обычный текст с очень плохим форматированием. Этот плагин полезен для обеспечения лучшей поддержки с правильной цветовой подсветкой для Markdown в SublimeText.
   

Подробнее: написание веб-контента с помощью Markdown

1. FileDiffs
   FileDiffs позволяет увидеть различия между двумя файлами в SublimeText. Вы можете сравнивать файлы с скопированными данными из буфера обмена, файлом в проекте, файлом, который открыт в данный момент, а также между сохраненными и несохраненными файлами.
   15. DocBlockr
   DocBlokr позволяет с легкостью создавать документацию или аннотацию для ваших кодов, анализируя функции, параметры, переменные и автоматически добавляя некоторую возможную документацию (см. Скриншот ниже).
   16. Пользовательские темы
   Хотите верьте, хотите нет, но другая тема может побудить вас к творчеству и идеям. Ниже приведены несколько отличных пользовательских тем, которые дают SublimeText другой, возможно, лучший вид.

SpaceGray
центурион
содовый
17. Фрагменты
Фрагменты кода могут помочь вам писать код быстрее, повторно используя фрагменты кода. Хотя вы также можете создавать свой собственный набор фрагментов кода, есть несколько пакетов фрагментов, готовых к использованию сразу. Вот только некоторые из них:

• Фонд – Коллекция фрагментов для создания компонентов платформы Foundation 5, таких как кнопки, вкладки и навигация.
• Bootstrap 3 – Если вы предпочитаете Bootstrap, попробуйте это.
• Бутстрап 3 для Джейд – Этот плагин сочетает в себе Bootstrap 3 с синтаксисом Jade.
• jQuery Mobile – Коллекция фрагментов для создания компонентов и макетов jQuery Mobile.
• HTML5 Boilerplate – этот фрагмент позволяет создавать документы HTML5 Boilerplate в одно мгновение.

1. Дополнительная поддержка синтаксиса
   Языки, которые не поддерживаются в SublimeText, могут не отображаться с правильной подсветкой синтаксиса. Они включают в себя LESS, Sass, SCSS, Stylus и Jade, поэтому, если вы работаете с этими языками, вот плагины для установки для поддержки синтаксиса.