/ 

Фиксим Emmet под Atom для работы со Stylus файлами

Расширение Emmet отлично работает с html, css, sass, scss, less. Но есть одна проблема — Stylus. Видимо из-за того, что этот препроцессор не так распространен то в Emmet официально нет его поддержки. То есть наши правила на подобии bd+ не раскрываются.

Несмотря на то, что в дополнении Stylus уже идут многие сниппеты похожие на Emmet, но не все. А переучиваться не хочется, ведь Emmet более распространен среди текстовых редакторов. Значит нужно что-то придумать для этого.

Решение нашлось очень простое, выглядит как небольшой костыль, но оно полностью рабочее. Основной смысл в том, чтобы принудительно вызывать Emmet при нажатии на Tab в файлах Stylus.

Заходим в настройки Keymap (Atom → Open Your Keymap). И в самом низу дописываем следующие строки:

'atom-text-editor[data-grammar~="stylus"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

Теперь все работает хорошо.


UPD #1 Добавляем поддержку Emmet для руби файлов .erb. Код который поможет:

'atom-text-editor[data-grammar="text html erb"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'
⌘ ⌘ ⌘
Обновляемся до Jekyll v3.x
Фронтенд

Обновляемся до Jekyll v3.x

Как обовиться до новой версии Jekyll избежав багов при переходе.

Плагины для Atom #2
Инструменты

Плагины для Atom #2

Плагины и дополнения для текстового редактора Atom: advanced-open-file, ternjs, auto-update, autocomplete-paths, git-projects, highlight-selected, jumpy, minimap, pigments, regex-railroad-diagram, space-tab, symbols-tree-view, synced-sidebar, mechanical-keyboard, zen.

Одиннадцатиклассница, или фиксим баги с длинным текстом
Фронтенд

Одиннадцатиклассница, или фиксим баги с длинным текстом

Проверяем готовность верстки с букмарклетом для длинных слов и рассмиваем способы исправления возникающих багов.

Инструменты

Исключаем папки из обычного и Fuzzy поиска в Atom

Как исключить некоторые папки (к примеру node_modules, bower_components) из поиска в текстовом редакторе Atom.