10 возвышенных текстовых пакетов для разработчиков веб-интерфейса
Sublime Text - один из самых мощных редакторов кода с некоторыми удивительными функциями, и он может быть еще более мощным, если установить Плагины или же пакеты. Эти плагины добавляют дополнительные функции в Sublime Text. И сегодня есть много плагинов для удовлетворения практически любых ваших потребностей в кодировании.
Хотя найти хорошее расширение может быть очень сложным; некоторые расширения были полностью заброшены их разработчиками, в то время как другие могут быть несовместимы с Sublime Text 3, последней версией (на момент написания этой статьи).
Если вы являетесь разработчиком внешнего интерфейса, мы выбрали некоторые расширения и соединили их для вас в этой статье. Это 10 Sublime Text Packages разработчики внешнего интерфейса должны попробовать.
Больше на Hongkiat.com:
- 18 основных плагинов, чтобы получить больше от SublimeText
- [Как сделать] Работа с фрагментами кода в Sublime Text
- [Как сделать] Обновить изменения в браузере с помощью Sublime Text
- [Как сделать] Определить код ошибки в возвышенном тексте
- Легкая цветопередача в возвышенном тексте
1. AlignTab
AlignTab - это плагин для выравнивания ваших кодов. Оно имеет “Режим предварительного просмотра” что позволяет увидеть, как будет применяться выравнивание (с учетом обозначения RegEx) до его фактического применения. Он также имеет “Настольный режим” воля позволяет установить правильное выравнивание для таблиц в формате Markdown, структурированы с помощью трубопроводов: |
. AlignTab - это удобное расширение, чтобы привести в порядок выравнивание кода и упростить его чтение..
2. ColorHighlighter
ColorHighlighter это плагин, который показывает выбранные цветовые коды с их визуальным цветом. Если вы выберете “#fff” он покажет вам цвет, белый. ColorHighlighter поддерживает все цветовые форматы CSS, такие как Hex, RGB, HSL, HSV, и включает такие ключевые слова цвета, как “красный”, “зеленый”, и т.д. Он также показывает переменные LESS, Sass и Stylus, которые содержат значение цвета. Это плагин, который поможет вам быть более интуитивным при работе с цветами.
3. MultiEditUtils
Плагин MultiEditUtils улучшает встроенный SublimeText “мульти-курсор” а также “множественный выбор” особенность, экономя нам время на редактирование длинных строк кода. Например: вы можете объединить или поменять местами выбранные строки, это также улучшает SublimeText “разделить выбор” позволяя указать нотацию для разделения выбранных строк. Я думаю, что это необходимо иметь плагин для установки для прокодеров.
4. Git Gutter
Если вы работаете с Git, для установки рекомендуется использовать Git Gutter. GitGutter покажет флаг в области желоба, любого изменения, добавления или удаления, которые вы сделали в своем коде. Это полезный код, позволяющий мгновенно увидеть сравнение вашей редакции кода с вашим коммитом, веткой или репозиторием HEAD..
5. Модифик
Modific полезен, когда вы используете Git или SVN в своей работе. Как и GitGutter, Modific будет отмечать изменения в ваших кодах. Помимо выделения изменений, вы также можете просмотреть или сравнить разницу между текущим кодом и последним коммитом, нажав Ctrl + Alt + D. Другие вещи, которые вы можете сделать с Modific, включают Предварительный просмотр принятого кода для текущей строки так же как изменение кода.
6. Inc Dec Value
Inc Dec Value позволяет вам увеличивайте или уменьшайте числа одновременно, даже если они находятся на разных линиях. Помимо чисел, вы также можете изменить значение даты и цвета HEX. Чтобы использовать этот плагин в целом, наведите курсор только справа от числа, затем нажмите Alt + ↑ увеличить число или Alt + ↓ уменьшить количество. Вы также можете использовать колесо мыши.
7. FileBrowser
FileBrowser предлагает новый способ перемещаться по файлам и папкам в каталоге вашего проекта. Когда вы устанавливаете этот плагин, вы можете получить доступ к каталогу вашего проекта на новой боковой панели и перемещаться по нему, не отрывая рук от клавиатуры - как прокодер. Когда вы привыкнете к этому, этот плагин может постепенно повысить ваш рабочий процесс.
8. IconFont
IconFont предоставляет фрагменты для многих популярных шрифтов значков, таких как FontAwesome, PaymentFont, Typicons и Github Octicons. Он работает аналогично обычным фрагментам HTML, где аббревиатуры будут расширены до полной длины классов и HTML-код для каждой иконки.
9. DistractionFreeWindow
Хотя Sublime Text встроенный “Свободное отвлечение” функция позволяет вам сосредоточиться на коде или набираемом вами контенте, когда вы находитесь в этом режиме, мини-карта, боковая панель и все остальные вкладки скрыты. Без отвлечения не должно означать потерю доступа к этим функциям. Именно здесь приходит DistractionFreeWindow, чтобы дать вам больше гибкости в отношении того, как должен вести себя режим без отвлечения..
10. FilterLines
FilterLines позволяет вам искать через строки в вашем документе для заданного “строка ключевого слова” или же “Обозначение RegEx”. Это удобная функция для иметь дело с большими объемами необработанных данных в форме JSON, JavaScript Array, CVS.