Как ускорить вёрстку в Atom?

Question

[Вениамин Смирнов]

Привет!

Я нахожусь в начале путь развития, кое-что уже умею из HTML и CSS и задумываюсь уже наперед насчет облегчения/оптимизации процесса написания кода.

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

Что можете еще посоветовать для оптимизации скорости работы?

Answer 1

[nurise]

Добавить сниппеты для html/jade, css/less/sass. Добавить плагины:
https://github.com/atom/autocomplete-html
https://atom.io/packages/autoclose-html

Answer 2

[Борис Якушев]

Vim(vintage mode, не знаю есть ли он в atom)+emmet+stylus, куда же еще быстрее?

Горячие клавиши в emmet? Ничего не путаете?

Comments

[Вениамин Смирнов]

Например, # — создает атрибут id, . — создает атрибут class, [] — создает любые другие атрибуты, > — делает переход на один уровень ниже и так далее :)

Stylus? Почему не Less, скажем? Или это дело вкуса?

[Борис Якушев]

Ingword: А, вы эти имели ввиду :)
Шпаргалочки:
docs.emmet.io/cheat-sheet
peiwen.lu/Emmet-Css-Snippets-for-Sublime-Text-2

Именно, дело вкуса.

[Михаил]

vim-mode есть в атоме
И он будет получше чем в саблайме

Пройтись по горячим клавишам (keymap) и перезаписать на свое, убрать от туда все
ctrl-* клавиши + добавить\убрать то, что нужно\ не нужно для тебя,
Если нужен примерный конфиг (мой), то пиши

Answer 3

[Максим Тюльпаков]

Добавить: Beautify atom, на переносах тоже время убивается, а здесь раз кликнул и все тебе ровненько..