Приводим CSS стили к единому и красивому формату
{// If plugin has trouble finding Node.js, replace this string with path
// to your `node` bin
«node-path» : «:/usr/local/bin»,
// Full list of supported options and acceptable values can be found here:
// https://github.com/csscomb/csscomb.js/blob/master/doc/options.md
«config»: {
// Whether to add a semicolon after the last value/mixin.
«always-semicolon»: false,
// Set indent for code inside blocks, including media queries and nested rules.
«block-indent»: » «,
// Unify case of hexadecimal colors.
«color-case»: «lower»,
// Whether to expand hexadecimal colors or use shorthands.
«color-shorthand»: false,
// Unify case of element selectors.
«element-case»: «lower»,
// Add/remove line break at EOF.
«eof-newline»: false,
// Add/remove leading zero in dimensions.
«leading-zero»: false,
// Unify quotes style.
«quotes»: «single»,
// Remove all rulesets that contain nothing but spaces.
«remove-empty-rulesets»: false,
// Set space after `:` in declarations.
«space-after-colon»: » «,
// Set space after combinator (for example, in selectors like `p > a`).
«space-after-combinator»: » «,
// Set space after `{`.
«space-after-opening-brace»: «\n»,
// Set space after selector delimiter.
// Новая строчка перед каждым элементом, можно сделать в строку
«space-after-selector-delimiter»: «\n»,
// Set space before `}`.
«space-before-closing-brace»: «\n»,
// Set space before `:` in declarations.
«space-before-colon»: «»,
// Set space before combinator (for example, in selectors like `p > a`).
«space-before-combinator»: » «,
// Set space before `{`.
// Устанавливает пробел между элементом и скобкой
«space-before-opening-brace»: » «,
// Set space before selector delimiter.
«space-before-selector-delimiter»: «»,
// Set space between declarations (i.e. `color: tomato`).
«space-between-declarations»: «\n»,
// Whether to trim trailing spaces.
«strip-spaces»: false,
// Whether to remove units in zero-valued dimensions.
«unitless-zero»: false,
// Whether to align prefixes in properties and values.
«vendor-prefix-align»: false,
// Sort properties in particular order.
«sort-order»: [
«-moz-animation»,
«-moz-animation-delay»,
«-moz-animation-direction»,
«-moz-animation-duration»,
«-moz-animation-iteration-count»,
«-moz-animation-name»,
«-moz-animation-play-state»,
«-moz-animation-timing-function»,
«-moz-background-clip»,
«-moz-background-size»,
«-moz-border-image»,
«-moz-border-image-outset»,
«-moz-border-image-repeat»,
«-moz-border-image-slice»,
«-moz-border-image-source»,
«-moz-border-image-width»,
«-moz-border-radius»,
«-moz-border-radius-bottomleft»,
«-moz-border-radius-bottomright»,
«-moz-border-radius-topleft»,
«-moz-border-radius-topright»,
«-moz-box-shadow»,
«-moz-box-sizing»,
«-moz-hyphens»,
«-moz-tab-size»,
«-moz-text-align-last»,
«-moz-transform»,
«-moz-transform-origin»,
«-moz-transition»,
«-moz-transition-delay»,
«-moz-transition-duration»,
«-moz-transition-property»,
«-moz-transition-timing-function»,
«-moz-user-select»,
«-ms-animation»,
«-ms-animation-delay»,
«-ms-animation-direction»,
«-ms-animation-duration»,
«-ms-animation-iteration-count»,
«-ms-animation-name»,
«-ms-animation-play-state»,
«-ms-animation-timing-function»,
«-ms-background-position-x»,
«-ms-background-position-y»,
«-ms-filter:\’progid:DXImageTransform.Microsoft.Alpha»,
«-ms-filter:\’progid:DXImageTransform.Microsoft.gradient»,
«-ms-interpolation-mode»,
«-ms-overflow-x»,
«-ms-overflow-y»,
«-ms-text-align-last»,
«-ms-text-justify»,
«-ms-text-overflow»,
«-ms-transform»,
«-ms-transform-origin»,
«-ms-transition»,
«-ms-transition-delay»,
«-ms-transition-duration»,
«-ms-transition-property»,
«-ms-transition-timing-function»,
«-ms-user-select»,
«-ms-word-break»,
«-ms-word-wrap»,
«-ms-writing-mode»,
«-o-animation»,
«-o-animation-delay»,
«-o-animation-direction»,
«-o-animation-duration»,
«-o-animation-iteration-count»,
«-o-animation-name»,
«-o-animation-play-state»,
«-o-animation-timing-function»,
«-o-background-size»,
«-o-border-image»,
«-o-border-image-outset»,
«-o-border-image-repeat»,
«-o-border-image-slice»,
«-o-border-image-source»,
«-o-border-image-width»,
«-o-tab-size»,
«-o-transform»,
«-o-transform-origin»,
«-o-transition»,
«-o-transition-delay»,
«-o-transition-duration»,
«-o-transition-property»,
«-o-transition-timing-function»,
«-webkit-animation»,
«-webkit-animation-delay»,
«-webkit-animation-direction»,
«-webkit-animation-duration»,
«-webkit-animation-iteration-count»,
«-webkit-animation-name»,
«-webkit-animation-play-state»,
«-webkit-animation-timing-function»,
«-webkit-background-clip»,
«-webkit-background-size»,
«-webkit-border-bottom-left-radius»,
«-webkit-border-bottom-right-radius»,
«-webkit-border-image»,
«-webkit-border-image-outset»,
«-webkit-border-image-repeat»,
«-webkit-border-image-slice»,
«-webkit-border-image-source»,
«-webkit-border-image-width»,
«-webkit-border-radius»,
«-webkit-border-top-left-radius»,
«-webkit-border-top-right-radius»,
«-webkit-box-shadow»,
«-webkit-box-sizing»,
«-webkit-hyphens»,
«-webkit-text-align-last»,
«-webkit-transform»,
«-webkit-transform-origin»,
«-webkit-transition»,
«-webkit-transition-delay»,
«-webkit-transition-duration»,
«-webkit-transition-property»,
«-webkit-transition-timing-function»,
«-webkit-user-select»,
«animation»,
«animation-delay»,
«animation-direction»,
«animation-duration»,
«animation-iteration-count»,
«animation-name»,
«animation-play-state»,
«animation-timing-function»,
«background»,
«background-attachment»,
«background-clip»,
«background-color»,
«background-image»,
«background-origin»,
«background-position»,
«background-position-x»,
«background-position-y»,
«background-repeat»,
«background-size»,
«border»,
«border-bottom»,
«border-bottom-color»,
«border-bottom-left-radius»,
«border-bottom-right-radius»,
«border-bottom-style»,
«border-bottom-width»,
«border-collapse»,
«border-color»,
«border-image»,
«border-image-outset»,
«border-image-repeat»,
«border-image-slice»,
«border-image-source»,
«border-image-width»,
«border-left»,
«border-left-color»,
«border-left-style»,
«border-left-width»,
«border-radius»,
«border-right»,
«border-right-color»,
«border-right-style»,
«border-right-width»,
«border-spacing»,
«border-style»,
«border-top»,
«border-top-color»,
«border-top-left-radius»,
«border-top-right-radius»,
«border-top-style»,
«border-top-width»,
«border-width»,
«bottom»,
«box-decoration-break»,
«box-shadow»,
«box-sizing»,
«caption-side»,
«clear»,
«clip»,
«color»,
«content»,
«counter-increment»,
«counter-reset»,
«cursor»,
«display»,
«empty-cells»,
«filter:progid:DXImageTransform.Microsoft.Alpha(Opacity»,
«filter:progid:DXImageTransform.Microsoft.AlphaImageLoader»,
«filter:progid:DXImageTransform.Microsoft.gradient»,
«flex-align»,
«flex-direction»,
«flex-order»,
«flex-pack»,
«float»,
«font»,
«font-effect»,
«font-emphasize»,
«font-emphasize-position»,
«font-emphasize-style»,
«font-family»,
«font-size»,
«font-size-adjust»,
«font-smooth»,
«font-stretch»,
«font-style»,
«font-variant»,
«font-weight»,
«height»,
«hyphens»,
«left»,
«letter-spacing»,
«line-height»,
«list-style»,
«list-style-image»,
«list-style-position»,
«list-style-type»,
«margin»,
«margin-bottom»,
«margin-left»,
«margin-right»,
«margin-top»,
«max-height»,
«max-width»,
«min-height»,
«min-width»,
«nav-down»,
«nav-index»,
«nav-left»,
«nav-right»,
«nav-up»,
«opacity»,
«outline»,
«outline-color»,
«outline-offset»,
«outline-style»,
«outline-width»,
«overflow»,
«overflow-x»,
«overflow-y»,
«padding»,
«padding-bottom»,
«padding-left»,
«padding-right»,
«padding-top»,
«pointer-events»,
«position»,
«quotes»,
«resize»,
«right»,
«tab-size»,
«table-layout»,
«text-align»,
«text-align-last»,
«text-decoration»,
«text-emphasis»,
«text-emphasis-color»,
«text-emphasis-position»,
«text-emphasis-style»,
«text-indent»,
«text-justify»,
«text-outline»,
«text-overflow»,
«text-overflow-ellipsis»,
«text-overflow-mode»,
«text-shadow»,
«text-transform»,
«text-wrap»,
«top»,
«transform»,
«transform-origin»,
«transition»,
«transition-delay»,
«transition-duration»,
«transition-property»,
«transition-timing-function»,
«user-select»,
«vertical-align»,
«visibility»,
«white-space»,
«width»,
«word-break»,
«word-spacing»,
«word-wrap»,
«z-index»,
«zoom»
]
}
}
Sublime Text 3 жив. (Настройка и работа) / Habr
Sublime Text 3 — кроссплатформенный текстовый редактор.Краткий гайд для начинающих работать в sublime и в сфере вёрстки. Тут собрано всё самое необходимое и важное. (По ссылкам найдёте больше, если это нужно)
Будем рассматривать его для Вёрстки на Pug / Less, где нам не нужен огромный функционал отладки. Поэтому именно этот редактор (по моему мнению) побеждает своих конкурентов как в скорости работы так и в функционале.
1. Установка программы и контроль за дополнениями (Package Control)
- Устанавливаем Sublime Text 3. Тут всё просто — качаем и запускаем.
Теперь нажимаем ctrl/⌘+shift+p или в меню (Tool > Command Palette).
Тут мы можем Скачивать, устанавливать, удалять, просматривать дополнения и т.д.
2. Настройки программы:
- Используем пробелы, вместо
табов.
«translate_tabs_to_spaces»: true - Размер
табаравен 4 пробела.
«tab_size»: 4Вы спросите зачем?
Что бы случайно не нажать пробел и таб вместе, и не сломать сборку pug.
А так же для единообразия работы в команде. - Строки не должны заканчиваться пустыми символами.
Для этого используем плагин TrailingSpaces.
— Пожалуй на этом обязательные MustHave настройки заканчиваются. Перейдём к индивидуальным:
- Полноэкранный режим F11 + скрытие панели menu (alt). Позволяет максимально использовать монитор для работы и не отвлекаться на статус панели OS.
- Запрет переноса строки. Наверное лучшее свойство из перечисленных. Не даёт путаться в pug синтаксисе. Показывает всегда ожидаемый код и вложенность независимо от размера экрана. Горизонтальная прокрутка осуществляется shift + колёсико, (либо тачПанель)
«word_wrap»: «false» - Themes. Ничего не могу сказать по этому поводу. Просто найдите то, что нравится (желательно использовать тёмную схему). Я использую „theme“: „Material-Theme-Darker.sublime-theme“.
- Подсветка синтаксиса. Ну я думаю тут не должно быть проблем. Если следить, что бы расширение и подсветка совпадали (Pug for Pug, а не Jade for Pug)
- View → Side Bar → Hide Open Files — Освобождает пространство для дерева проекта. Т.к это поле так и так дублируется вкладками и тремя точками сверху
3. Полезные клавиши ‘hotkey’ :
- В первом пункте скажем, что пропустим все стандартные сочетания, такие как ctrl(⌘) + Z (⌘ — далее просто ctrl). Отменить, сохранить, повторить, закрыть вкладку, восстановить вкладку, и тд…
- Пожалуй следующее самое популярное сочетание это:
crtl + P — Позволяет выполнить поиск по файлам открытого вами проекта. Позволяет избавится от огромного дерева открытых стилей. - Следующее по важности:
ctrl + D — Поиск копий выделенного текста. Идеально подходит для мульти-редактирования. И для поиска дублей. Особенно в больший файлах и больших фрагментов. Для мульти-курсора зажмите ctrl и используйте мышь. - ctrl + L — Выделяет всю строку и позволяет удалить её полностью. Хорошо работает совместно с ctrl+D.
- Поиск… Ну наверное первое это ctrl+F — поиск по файлу. Второе и более важное это поиск в папке по множеству файлов ctrl + shift + F (Можно вызвать кликнув по папке правой кнопкой и выбрать ‘Find in folder…’) Советую не включать в поиск папку «Известного толстячка»
- ctrl + shift + up/down — Перемещает строку наверх/вниз (меняет их местами). Удобно для работы со стилями и переменными.
- Теперь небольшой туториал по комбинациям комбинаций клавиш. Вы наверное видели эти комбинации через запятую. Вот и я видел… а теперь я знаю как их использовать. Для этого по очереди нажимаем эти комбинации (можно не отпускать общую мод клавишу)
Вот полезные из них: - ctrl + K, ctrl + 4 — Скрывает все ветки, вложенность которых больше 4. Аналог стрелочки свернуть. (ctrl + K, ctrl + J — разворачивает всё что есть)
- ctrl + K, ctrl + B — Скрывает/показывает SideBar. (хорошо работает с F12)
Подготовка Sublime Text 3 к работе
Подготовка Sublime Text 3 к работе
30.12.2017 13:42 | Другое
Установка редактора под Windows не вызывает никаких затруднений – просто следуйте указаниям. Можно упомянуть только один нюанс – по ходу установки можно отметить чекбокс, чтобы добавить Sublime Text в контекстное меню операционной системы. Т.е. при клике правой клавишей мыши на каком-либо файле, его можно будет сразу открыть в данном редакторе.Следующий шаг – установка Package Control. Зачем это нужно? Для полноценной работы потребуется некое количество плагинов и либо мы будем устанавливать их руками, либо за нас эту работу выполнит Package Control. Итак, идём на эту страницу и копируем код для Sublime Text 3. Возвращаемся в редактор и открываем консоль: View > Show Console или просто используем комбинацию клавиш Ctrl +`. Вставляем код в консоль и нажимаем Enter.
Установка и удаление плагинов и тем
Для установки выполняем следующие шаги:
- Открываем Package Control:
Preferences > Package ControlилиShift + Ctrl + P - В появившемся поле вводим
installчтобы найти пунктPackage Control: Install Package. Выбираем его и нажимаем Enter. - В поле ввода появившейся панели набираем название нужного плагина, выбираем его в списке и снова Enter.
Чтобы удалить какой-либо из ранее установленных плагинов выполняем те же три действия, только во втором пункте вводим не install, а remove, так как нам нужен Package Control: Remove Package.
Темы устанавливаются так же, как и плагины. При этом добавится 4-й шаг: нужно зайти в Preferences > Settings и далее в Preferences.sublime-settings – User добавить тему. Если конкретнее, то добавить примерно такой код:
{
"theme": "theme.sublime-theme"
}Плагины для Sublime Text 3
Кто бы что ни говорил или писал, но для начала не помешает зайти на страничку популярных плагинов и выбрать те, которые подойдут непосредственно Вам. Также я бы порекомендовал перед установкой плагина ознакомиться с его документацией, потому как могут быть нюансы. Ну а ниже перечислю те плагины, которые использую сам:
EditorConfig
Работать приходится с разными проектами и с разными людьми. Дабы определить единый стиль кода и придерживаться его и нужен EditorConfig. Подробнее об этом плагине можно почитать здесь
SideBarEnhancement
Расширяет функционал сайдбара. Надо признать, что у самого Sublime этот функционал уж очень скуден.
SublimeCodeIntel
Довольно удобная штука – позволяет «прыгнуть» в файл и на строку определения класса или метода. И вот об упомянутых выше нюансах – до установки плагина надо убедиться, что CodeIntel установлен в вашей системе, о чём подробнее в документации.
BracketHighlighter
Подсвечивает парные скобки и теги.
PHP Companion
Позволяет добавлять namespace, оператор use и т.д. нажатием одной клавиши. Привязки клавишам нужно писать самому, но можно использовать авторские. Для этого открываем Default.sublime-keymap – User этот код и сохраняем.
DocBlockr
Я противник комментариев как таковых – если понимаешь, что надо написать комментарий к коду, то тут надо не комментарии писать, а код переписывать. Но это не касается комментариев DocBlock, написание которых и упрощает данный плагин.
TrailingSpaces
Подсвечивает пробелы в конце строк и может удалять их при сохранении. По умолчанию опция удаления отключена. Чтобы её включить, надо зайти в Preferences > Package Settings > Trailing Spaces > Settings User и вставить следующее:
{
"trailing_spaces_trim_on_save": true
}A File Icon
В сайдбаре к названиям файлов добавляет иконки. Так воспринимать информацию гораздо удобнее.
Emmet
Незаменимая вещь для вёрстки, значительно ускоряет процесс, позволяя расширять табом аббревиатуры HTML, XML, HAML и CSS/SASS/LESS/Stylus. Если раньше не работали с Emmet, то на первых порах будет полезна вот эта шпаргалка.
Autoprefixer
Ещё один очень полезный инструмент для фронтенда. Не надо больше думать о вендорных префиксах – плагин их вставляет в соответствии с данными caniuse.com. Работает только с препроцессорами CSS, SCSS и требует предустановленного NodeJS. Подробнее здесь. Я добавляю префиксы для двух последних версий браузеров, то бишь мои настройки такие:
{
"browsers": ["last 2 versions"]
}Color Highlighter
Полагаю, из названия уже понятно о чём речь. Поставляется вместе с конвертором цветов. Настроек достаточно, поэтому следует почитать доки.
С основными плагинами вроде всё. Что касается конкретных фреймворков или библиотек– тут уж кто с чем работает. Можно лишь сказать, что, как минимум, помимо подсветки желательно также ставить и плагины сниппетов. Лично у меня ещё установлены:
Laravel Blade Highlighter, Blade Snippets, Babel, Babel Snippets, Vue Syntax Highlight, Vuejs Snippets, Sass, LESS, Pug.
Следует упомянуть такие плагины как Git или Laravel Artisan, но им я всё-таки предпочитаю консоль.
О горячих клавишах
Практически полный перечень находится здесь. Я же приведу лишь небольшую выдержку комманд, которые использую чаще всего:
| Ctrl + D | Выделить слово, в котором курсор |
| Ctrl + Shift + M | Выделить содержимое скобок |
| Ctrl + F | Поиск в файле |
| Alt + Enter | Выделить всё найденное (после поиска) |
| Ctrl + / | Закомментировать строку |
| Ctrl + Shift + / | Закомментировать блок кода (в котором находится курсор) |
| Ctrl + S | Сохранить |
| Tab | Добавить отступ |
| Tab + Shift | Удалить отступ |
| Ctrl + Shift + D | Продублировать строку/фрагмент |
| Ctrl + Shift + ↑ | Поднять строку вверх |
| Ctrl + Shift + ↓ | Опустить строку вниз |
| Ctrl + Shift + Enter | Вставить строку выше курсора |
| Ctrl + Enter | Вставить строку ниже курсора |
| Ctrl + P | Переход к файлу в проекте |
И в завершение. Из редактора IDE не слепить, но с другой стороны – а нужно ли? Я пробовал NetBeans, Eclipse, PhpStorm, но в итоге (наряду с последним) всё равно продолжаю пользоваться Sublime. Этот быстрый на подъём и шустрый редактор меня полностью устраивает.
Лучшие плагины для Sublime Text / Habr
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 и AdvancedNewFile — усовершенствуют стандартное отображение вкладок и создание файлов.
- EncodingHelper — отображает кодировку файлов в строке статуса и оповещает о соответствующих ошибках.
- Gist — синхронизирует GitHub Gist с Sublime (ST2).
- Clipboard History (ST2) — плагин ведет историю буфера обмена, что позволяет вставить не только последний скопированный фрагмент кода, но и любой из предыдущих.
- Темы и цветовые схемы:
* В некоторых репозиториях указано, что плагин написан под ST2, но я все проверял и многое использую сам под ST3.
* Я не стал описывать ряд плагинов, которые выполняют действия по форматированию, компиляции, оптимизации, ибо искренне убежден, что это задачи для Grunt, Gulp, Prepros или CodeKit.