Топ плагинов для sublime text 3: Лучшие плагины для Sublime Text / Хабр

Лучшие плагины для Sublime Text / Хабр

WebInspector

Мощный инструмент для дебаггинга JavaScript, полноценный инспектор кода для Sublime. Фичи: установка брейкпоинтов прямо в редакторе, показ интерактивной консоли с кликабельными объектами, остановка с показом стек трейса и управление шагами дебаггера. Все это работает на ура! А еще есть Fireplay от Mozilla, который позволяет подключаться к Firefox Developer tools и максимально простой дебаггер JSHint.

Emmet

Один из самых популярных плагинов для редакторов. Emmet, бывший Zen Coding, является также одним из самых значительных методов повышения продуктивности веб-разработчиков. После нажатия на табуляцию Emmet преобразует простые сокращения в объемные фрагменты кода для HTML и CSS. Хочется еще поделиться плагином Hayaku — коллекцию удобных аббревиатур для каскадных стилей.

Видео с лучшими приемами от автора проекта:

Git

Суть этого плагина понятна из названия — возможность работать с Git прямо в вашем любимом редакторе.

Данный способ работы с Git позволит вам сэкономить массу времени. Во-первых: вам не придется постоянно переключаться между окнами Sublime и терминала. Во-вторых: есть грамотный автокомплит и вместо git add -A, достаточно написать add. В-третьих: существуют такие мелочи как Quick commit, который одной командой quick добавляет все изменения и коммитит их.

Если от Git вам необходима возможность только забирать содержимое с удаленных репозиториев, то с этой задачей прекрасно справляется Fetch.

Существует еще Glue, который выводит внизу небольшое окошко, где можно писать на Shell. Благодаря этому из редактора теперь будет доступен не только Git…

GitGutter и Modific

Данные плагины подсвечивают строки измененные последним коммитом, другими словами diff tools в режиме реального времени.

BracketHighlighter

Мега круто! Открытие и закрытие любого фрагмента в коде должно выглядеть именно таким образом.

EditorConfig

Суть этого плагина заключается в том, чтобы предоставить возможность разработчиком иметь единый формат настроек для всех редакторов/IDE и всех языков программирования. Файлы .editorconfig хранят в себе информацию о табуляции, ширине отступа, кодировке и прочих конфигурациях.

Пример файла

# Корневой файл EditorConfig
root = true
# Для всех файлов используем unix-совместимые переносы строк
[*]
end_of_line = lf
insert_final_newline = true
# отступы в 4 пробела
[*.py]
indent_style = space
indent_size = 4
# Используем табы для отступов (Не указываем размер)
[*.js]
indent_style = tab
# Перезависываем настройку отступов для js файлов в папке lib
[lib/**.js]
indent_style = space
indent_size = 2
# Только для файлов package.json or .travis.yml
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2

Sublimall

Замечательный плагин, который синхронизирует все конфигурации (настройки, плагины, рабочие файлы) между вашими Sublime Text редакторами. Все абсолютно бесплатно, требуется только создать аккаунт. Более простая альтернатива — BufferScroll.

AllAutocomplete

Классическое автодополнение в Sublime Text работает только с текущим файлом. AllAutocomplete осуществляет поиск по всем файлам открытым в текущем окне, что значительно упрощает процесс разработки. Также существует плагин CodeIntel, который воплощает в себе возможности IDE и помимо умного автокомплита привносит в Sublime «Code Intelligence» для ряда языков: JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.

SublimeREPL

Вероятно, один из самых полезных плагинов для разработчиков. SublimeREPL позволяет прямо в редакторе интерпретировать целое множество языков: Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell.

DocBlockr

DocBlockr станет для вас эффективным помощником при документировании кода. После ввода /** и нажатия на клавишу Tab плагин автоматически распарсит любую функцию и подготовит соответствующий шаблон.

Floobits

Потрясающее расширение для SublimeText, Vim, Emacs, IntelliJ IDEA, которое позволяет разработчикам совместно работать на кодом, причем из разных редакторов.

AutoFileName

Автозаполнение путей к подключаемым файлам — очень удобно. Без лишних слов.

ColorPicker

Обычно, когда нам требуется цветовая палитра мы привыкли использовать Photoshop или Gimp. Но полноценный color picker может быть прямо в окне вашего редактора — Ctrl/Cmd + Shift + C. А еще есть замечательные GutterColor и ColorHighlighter, которые упрощают ориентирование в цветовых кодах:

Colorcoder
Разукрашивает все переменные, тем самым значительно упрощая ориентацию в коде. Особенно полезно для разработчиков с дислексией.

PlainTasks

Великолепный задачник! Все таски хранятся в файлах, поэтому их очень удобно сопоставлять с проектами. Возможность создавать проекты, указывать теги, выставлять даты. Грамотный интерфейс и шорткаты.

MarkdownEditing

Вероятно лучший плагин для работы с Markdown: подсветка, сокращения, автодополнение, цветовые схемы и др. Как альтернативно решение, можно попробовать MarkdownPreview.

Напоследок:

• Sublime SFTP
• CTags — поддержка CTags в Sublime.
• SideBarEnhancement — множество дополнительных функций контекстного меню в сайдбаре.
• ActualVim — Vim в Sublime — два любимых редактора в одном.
• SublimeLinter — поддержка линта для множества языков: C/C++, Java, Python, PHP, JS, HTML, CSS и др.
• CSScomb — комбинирует CSS свойства в определенном порядке.
• FixMyJS, Jsfmt и JsFormat — плагины для форматирования JS/JSON-кода.
• AStyleFormatter — форматирует C/C++/C#/Java код.
• SVG-Snippets — большая коллекция полезных шаблонов при работы с SVG.
• Inc-Dec-Value — позволяет изменять числа, даты, HEX цвета с помощью стрелок на клавиатуре, подобно инспектору в браузере.
• Trailing Spaces — подсвечивает удаляет все случайные пробелы в конце строк при сохранении файла.
• Alignment — функциональное выравнивание фрагментов кода от автора Package Control.
• Placeholders — коллекция шаблонов с параграфами, изображениями, списками, таблицами и тд.
• ApplySyntax — налету определяет синтаксис в текущем файле.
• StylToken — подсветка определенных фрагментов текста, как в Notepad++.
• EasyMotion — удобный переход к определенному символу с помощью клавиатуры.
• ZenTabs и Advanced​New​File — усовершенствуют стандартное отображение вкладок и создание файлов.
• EncodingHelper — отображает кодировку файлов в строке статуса и оповещает о соответствующих ошибках.
• Gist — синхронизирует GitHub Gist с Sublime (ST2).
• Clipboard History (ST2) — плагин ведет историю буфера обмена, что позволяет вставить не только последний скопированный фрагмент кода, но и любой из предыдущих.
• Темы и цветовые схемы:
  
  • Soda
  • Spacegray
  • Flatland
  • Tomorrow
  • Base 16
  • Solarized
  • Predawn
  • itg.flat
  • Для всех других предпочтений есть Color Schemes и Сolorsublime.
  
  

* В некоторых репозиториях указано, что плагин написан под ST2, но я все проверял и многое использую сам под ST3.
* Я не стал описывать ряд плагинов, которые выполняют действия по форматированию, компиляции, оптимизации, ибо искренне убежден, что это задачи для Grunt, Gulp, Prepros или CodeKit.

Лучшие плагины для Sublime Text

WebInspector

Мощный инструмент для дебаггинга JavaScript, полноценный инспектор кода для Sublime. Фичи: установка брейкпоинтов прямо в редакторе, показ интерактивной консоли с кликабельными объектами, остановка с показом стек трейса и управление шагами дебаггера. Все это работает на ура! А еще есть Fireplay от Mozilla, который позволяет подключаться к Firefox Developer tools и максимально простой дебаггер JSHint.

Emmet

Один из самых популярных плагинов для редакторов Emmet, бывший Zen Coding, является также одним из самых значительных методов повышения продуктивности веб-разработчиков. После нажатия на табуляцию Emmet преобразует простые сокращения в объемные фрагменты кода для HTML и CSS. Хочется еще поделиться плагинов Hayaku — коллекцию удобных аббревиатур для каскадных стилей.

Git

Суть этого плагина понятна из названия — возможность работать с Git прямо в вашем любимом редакторе. Данный способ работы с Git позволит вам сэкономить массу времени. Во-первых: вам не придется постоянно переключаться между окнами Sublime и терминала. Во-вторых: есть грамотный автокомплит и вместо git add -A, достаточно написать add. В-третьих: существуют такие мелочи как Quick commit, который одной командой quick добавляет все изменения и коммитит их.

Существует еще Glue, который выводит внизу небольшое окошко, где можно писать на Shell. Благодаря этому из редактора теперь будет доступен не только Git…

GitGutter — diff tool в режиме реального времени

EditorConfig

Суть этого плагина заключается в том, чтобы предоставить возможность разработчиком иметь единый формат настроек для всех редакторов/IDE и всех языков программирования. Файлы .

editorconfig хранят в себе информацию о табуляции, ширине отступа, кодировке и прочих конфигурациях.

Пример файла

# Корневой файл EditorConfig
root = true
# Для всех файлов используем unix-совместимые переносы строк
[*]
end_of_line = lf
insert_final_newline = true
# отступы в 4 пробела
[*.py]
indent_style = space
indent_size = 4
# Используем табы для отступов (Не указываем размер)
[*.js]
indent_style = tab
# Перезависываем настройку отступов для js файлов в папке lib
[lib/**.js]
indent_style = space
indent_size = 2
# Только для файлов package.json or .travis.yml
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2

Sublimall

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

AllAutocomplete

Классическое автодополнение в Sublime Text работает только с текущим файлом. AllAutocomplete осуществляет поиск по всем файлам открытым в текущем окне, что значительно упрощает процесс разработки. Также существует плагин CodeIntel, который воплощает в себе возможности IDE и помимо умного автокомплита привносит в Sublime «Code Intelligence» для ряда языков: JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.

SublimeREPL

Вероятно, один из самых полезных плагинов для разработчиков. SublimeREPL позволяет прямо в редакторе интерпретировать целое множество языков: Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell.

DocBlockr

DocBlockr станет для вас эффективным помощником при документировании кода. После ввода /** и нажатия на клавишу Tab плагин автоматически распарсит любую функцию и подготовит соответствующий шаблон.

ColorPicker

Обычно когда нам требуется цветовая палитра мы привыкли использовать Photoshop или Gimp. Но полноценный color picker может быть прямо в окне вашего редактора — Ctrl/Cmd + Shift + c. А еще есть замечательный Gutter Color, который с помощью ImageMagick упрощает ориентирование в цветовых кодах:

PlainTasks
Великолепный задачник! Все таски хранятся в файлах, поэтому их очень удобно сопоставлять с проектами. Возможность создавать проекты, указывать теги, выставлять даты. Грамотный интерфейс и шорткаты.

MarkdownEditing

Вероятно лучший плагин для работы с Markdown: подсветка, сокращения, автодополнение, цветовые схемы и др. Как альтернативно решение, можно попробовать MarkdownPreview.

Напоследок:

• Sublime SFTP
• SideBarEnhancement — множество дополнительных функций контекстного меню в сайдбаре.
• ActualVim — Vim в Sublime — два любимых редактора в одном.
• SublimeLinter — поддержка линта для множества языков: C/C++, Java, Python, PHP, JS, HTML, CSS и др.
• CSScomb — комбинирует CSS свойства в определенном порядке.
• FixMyJS, Jsfmt и JsFormat — плагины для форматирования JS/JSON-кода.
• SVG-Snippets — большая коллекция полезных шаблонов при работы с SVG.
• Trailing Spaces — подсвечивает удаляет все случайные пробелы в конце строк при сохранении файла.
• Alignment — функциональное выравнивание фрагментов кода от автора Package Control.
• Placeholders — коллекция шаблонов с параграфами, изображениями, списками, таблицами и тд.
• ApplySyntax — налету определяет синтаксис в текущем файле.
• StylToken — подсветка определенных фрагментов текста, как в Notepad++.
• EncodingHelper — отображает кодировку файлов в строке статуса и оповещает о соответствующих ошибках.
• Gist — синхронизирует GitHub Gist с Sublime (ST2).
• Clipboard History (ST2) — плагин ведет историю буфера обмена, что позволяет вставить не только последний скопированный фрагмент кода, но и любой из предыдущих.
• Темы и цветовые схемы:
  • Soda
  • Spacegray
  • Flatland
  • Tomorrow
  • Base 16
  • Solarized
  • Для всех других предпочтений есть Color Schemes и Сolorsublime.

* В некоторых репозиториях указано, что плагин написан под ST2, но я все проверял и многое использую сам под ST3.
* Я не стал описывать ряд плагинов, которые выполняют действия по форматированию, компиляции, оптимизации, ибо искренне убежден, что это задачи для Grunt, Gulp, Prepros или CodeKit.

Автор: ilusha_sergeevich

Источник

Руководство по переносу плагинов

Sublime Text 3 содержит некоторые важные отличия от Sublime Text 2, когда он приходит к плагинам, и большинство плагинов потребует, по крайней мере, небольшого портирования работать. Изменения:

• Python 3.3

• Плагины вне процесса

• Асинхронные события

• Запрещено begin_edit() и end_edit()

• Заархивированные пакеты

• Импорт модулей

• Ограниченное использование API при запуске

Python 3.3

Sublime Text 3 использует Python 3. 3, а Sublime Text 2 — Python 2.6. Кроме того, на Mac системная сборка Python больше не используется, вместо этого Sublime Text поставляется в комплекте с собственной версией. Windows и Linux также в комплекте с собственной версией, как и раньше.

Плагины вне процесса

Плагины теперь запускаются в отдельном процессе, plugin_host . Из плагина с точки зрения авторов, не должно быть заметной разницы, за исключением того, что сбой в хосте плагина больше не приведет к остановке основного приложения.

Асинхронные события

В Sublime Text 2 только метод set_timeout() был потокобезопасным. В возвышенном Текст 3, каждый метод API является потокобезопасным. Кроме того, сейчас есть обработчики асинхронных событий, упрощающие написание неблокирующего кода:

• on_modified_async()

• on_selection_modified_async()

• on_pre_save_async()

• on_post_save_async()

• on_activated_async()

• on_deactivated_async()

• on_new_async()

• on_load_async()

• on_clone_async()

• set_timeout_async()

При написании многопоточного кода имейте в виду, что буфер будет изменяться под вами, когда ваша функция работает.

Запрещено

begin_edit() и end_edit()

begin_end() и end_edit() больше не доступны напрямую, за исключением какие-то особые обстоятельства. Единственный способ получить действительный экземпляр возвышенный. Объект редактирования должен поместить ваш код в возвышенное_плагин.TextCommand подкласс. Как правило, большую часть кода можно реорганизовать, поместив код между begin_edit() и end_edit() в sublime_plugin.TextCommand , а затем запуск команды через run_command() .

Этот подход устраняет проблему висячих объектов sublime.Edit и обеспечивает команда повтора и макросы работают как надо.

Заархивированные пакеты

Пакеты в Sublime Text 3 можно запускать из .sublime-package (т. е. переименованные файлы .zip) файлы напрямую, в отличие от Sublime Text 2, который распаковывал их перед запуском.

Хотя в большинстве случаев это не должно приводить к различиям, важно имейте это в виду, если вы получаете доступ к файлам в вашем пакете.

Импорт модулей

Импорт других плагинов проще и надежнее в Sublime Text 3, и его можно выполняется с помощью обычного оператора импорта, например, import Default.comment будет импортировать пакеты/по умолчанию/Comment.py.

Ограниченное использование API при запуске

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

10 основных плагинов Sublime Text

Sublime text — один из самых полезных текстовых редакторов, доступных прямо сейчас. Это помогает повысить эффективность с меньшими усилиями. Его можно скачать и оценить бесплатно в любое время. Важным элементом является пользовательский интерфейс, который прост и понятен.

Эти функции позволяют программистам работать более продуктивно. Здесь мы обсудим десять основных плагинов; что ежедневно упрощает жизнь разработчика. Поговорим подробнее по теме ниже.

Какой первый шаг вы делаете, когда начинаете программировать? Ну, вы ищете текстовый редактор, чтобы начать писать. Вы когда-нибудь представляли, зачем использовать текстовый редактор для кодирования? Текстовый редактор упрощает написание кода и позволяет вам выполнять свою работу более эффективно. Ниже мы обсудим важность текстовых редакторов для разработчиков, а затем перейдем к списку основных плагинов для возвышенного текста.
 

Важность текстового редактора для разработчиков.

1. Текстовые редакторы могут работать с любым языком программирования, таким как HTML, CSS, JavaScript, PHP, Ruby, и т. д. Текстовые редакторы могут помочь упростить работу программистов. Это обеспечивает простоту кодировщикам и уменьшает количество ненужных проблем. Текстовые редакторы также предоставляют различные полезные функции и надстройки.

2. В текстовых редакторах есть возможность исправить каждую ошибку одним щелчком мыши. Предположим, есть единственная ошибка, которая остается незамеченной на протяжении всего написания программы. Это только щелкает ваш ум, когда вы компилируете класс. Было бы огромной задачей изменить его в каждой неправильной строке. Использование текстового редактора помогает устранить ошибку, допущенную в каждой строке, всего за один раз. Это очень важная функция текстового редактора. Это также помогает в нежелательных синтаксических ошибках.

3. Текст внешний вид можно настроить, например, цвет, схему и т. д. Возможность настройки помогает программисту быстро различать и без проблем работать над длинной программой. Включает в себя изменение размера, цвета, внешнего вида, схемы и т. д.

 

Зачем использовать редактор Sublime Text?

1. Понятный, функциональный и оперативный редактор: — превосходный текстовый редактор понятен и прост в освоении; Он обеспечивает быструю работу программиста. Это также помогает в редактировании эффективно. Он предлагает множество других вариантов, чтобы облегчить разработчикам и помочь им сосредоточиться на написании кода.

2. Несколько встроенных функций: — предлагает несколько встроенных функций, помогающих программистам на всех уровнях. Такие функции, как параметры цвета, многозадачность, изменение внешнего вида, помогают кодировщику различать его различные коды. Это также помогает, когда в программе требуется слишком много кодов.

3. Поддерживает фрагменты и плагины: — Поддерживающий характер плагина Sublime Text делает его лучшим. Sublime Text также поддерживает различные плагины. Эти фрагменты кода и плагины могут создать среду, удобную для программиста.

4. Поддерживает сочетания клавиш для повышения производительности: — сочетания клавиш используются для экономии времени. В возвышенном текстовом ярлыке клавиши делают то же самое. Это экономит время, позволяя программистам больше сосредоточиться на своем творчестве.

5. Обеспечивает многозадачность: — Sublime text также предоставляет возможность многозадачности. Работа с несколькими проектами одновременно может сэкономить время и повысить производительность. Многозадачность также помогает кодировщику уделять больше времени кодированию.

 

Установка пакетов.

Давайте посмотрим, как установить пакеты, также известные как плагины, для возвышенного текста.

Существует два способа установки пакета возвышенного текста:

 
Простой (с помощью текстовой консоли Sublime)

1.) Откройте веб-сайт и скопируйте длинную команду с сайта.

2.) Откройте консоль Sublime Text 2, нажав Ctrl+ ’.

3.) Вставьте скопированную команду с сайта.

4.) Нажмите ввод.

5.) После установки перезапустите Sublime Text.

 
Руководство (В некоторых сценариях при использовании прокси-сервера и т. д.)

1.) Нажмите «Настройки» > «Просмотреть пакеты».

2.) Найдите для установки пакеты или папку.

3.) Загрузите Package Control.Sublime Package

4.) Скопируйте его для установки пакетов или каталога.

5.) Перезапустите Sublime Text.

 
Использование:

1.) Нажмите Ctrl+Shift+P (Windows) / Command+Shift+P (Macbook).

2.) Откроется палитра команд.

3.) Введите package control и используйте соответствующие команды.

4.) Несколько команд — Отключить пакет, Установить пакет, Включить пакет, Обновить пакет и т. д.

Управление пакетами пакеты уже установлены. Управление пакетами помогает обеспечить бесперебойную работу. Загрузите его отсюда.

 

Emmet

Текстовый редактор Emmet помогает улучшить рабочий процесс в HTML и CSS. Это помогает в повышении скорости и устраняет неэффективность. Редактор emmet можно скачать в любое время бесплатно или установить непосредственно из Package Control.

 

Sublime Linter

Плагин Sublime Linter помогает решить проблему ошибок во всей программе. Они также помогают в удалении ошибок из всей программы. Если вы хотите убедиться, что ваша программа не содержит ошибок и ошибок, загрузите возвышенный текст как можно скорее, иначе установите его с помощью Package Control.

 

Git

Плагин Git помогает улучшить рабочий процесс. Плагин Git позволяет вам использовать команды Git непосредственно из текстового редактора Sublime. Чтобы загрузить плагин Git, нажмите здесь. Вы также можете установить его прямо из Package Control.

 

Средство просмотра ресурсов пакета

Средство просмотра ресурсов пакета помогает извлечь пакет для безопасного редактирования. Это также помогает в просмотре и редактировании других пакетов. Вы можете загрузить его с веб-сайта или установить напрямую с помощью Package Control.

 

Live Reload

Live Reload избавляет от необходимости каждый раз обновлять веб-браузер. Каждый раз, когда программист вносит изменения, ему необходимо обновить браузер. Его можно скачать с веб-сайта или установить напрямую через Package Control.

 

CSS Comb

CSS Comb — это инструмент форматирования стиля, используемый для украшения и обеспечения единообразия. CSS Comb используется для элегантной работы. CSS Comb можно загрузить с веб-сайта или установить непосредственно из Package Control.

 

Выравнивание

Выравнивание помогает выравнивать код, помогая программисту легко читать код. Плагин выравнивания можно загрузить или установить непосредственно из Package Control.

 

Предварительный просмотр нового файла

Этот плагин предназначен для улучшения темпа.