If it's stupid but works, it isn't stupid.
Sublime Text 3
http://master-css.com/page/nastroika-sublimetext3
https://vk.com/proglib?w=wall-54530371_50706
https://vk.com/id3652267?w=wall3652267_1977%2Fall
Ctrl + N - создать новый файл
В файле html
Набрать html + tab - базовая разметка
Ctrl + K, Ctrl + B скрыть/показать сайдбар
Плагин Package Controll
Устанавливает плагины
Ctrl + ~ - появляется консоль
код для установки
https://packagecontrol.io/installation
Ctrl + Shift + P открыть Package Control
Плагин SideBarEnhancements — расширяет функционал сайдбара (только для Sublime Text 3)
Плагин LiveStyle — Позволяет править стили сайта в живом режиме, как в самом редакторе, так и в браузере.
Расширение для Google Chrome https://chrome.google.com/webstore/detail/emmet-livestyle/diebikgmpmeppiilkaijjbdgciafajmg
Плагин Emmet http://emmet.io/
Команды
! + tab - базовая html-разметка
link + tab - тег link и т.д. с другими тегами
img[src="путь к картинке"] + tab расширенный тег
h1{Обычный заголовок}+p*2(lorem27) + tab заголовок и два абзаца
p{Простой список}+ul.list>li.item*7>a[href="#"](lorem2) - список со ссылками
Плагин AdvancedNewFile
Ctrl + Alt + N командная строка
вводим название папки и название файла с расширением, затем Enter
test\test.html
test\test.css
Плагин ColorPicker
Ctrl + Shift + C - вызов окна
Плагин Tag
Edit -- Tag -- Различные опции
Плагин Minifier Минимизация файлов стилей
Открыть файл стилей, затем Tools -- Minify
Колонки в Sublime Text 3
View -- Layouts -- нужное количество колонок (Alt + Shift + цифра)
Маленькие секреты Sublime Text 3
Ctrl + / Добавляет комментарий
Ctrl + Shift + / Также добавляет комментарий
Зажать Ctrl и одновременно выделить несколько мест
Ctrl + Shift + A выделить содержимое какого-то отдельного тега (курсор установить на тег)
КАРТИНКА
Создание сниппетов в Sublime Text 3
Tools -- New Snippet
Тело сниппета вставить в тег content, расскомментировать строку tabTrigger и прописать имя триггера
Установка темы
http://longren.io/gigantic-list-of-sublime-text-themes/
Preferences -- Package Console -- Install Package -- Theme - Soda
Preferences -- Settings — User
Добавляем опции
подсветка вкладки с несохранёнными изменениями
https://www.youtube.com/watch?v=BXcK3Xvp3-g
Preferences -- Browse Packages -- создаем папку Default -- создаем файл Default (Windows).sublime-keymap
Можно добавлять свои хот-кеи
Preferences -- Settings - Default
Плагин LiveReload
Установить плагин для ST3 LiveReload,
установить расширение для Хрома LiveReload https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
Preferences -- Package Settings -- LiveReload -- Settings - User
Прописать код
Если в хроме не работает, то попробуйте в расширениях у LiveReload поставить галочку "Разрешить открывать файлы по ссылкам".
LESS
Плагин для LESS
Плагин Gist
Preferences -- Package Settings -- Gist -- Settings - Default
Прописать свой токен
"token": "",
Сгенерировать токен на сайте гитхаба, создать свой файл Gist\Gist.sublime-settings
Скопировать туда настройки и токен
Ctrl+K, Ctrl+O или Tools>Gist>Open Gis
Плагин BracketHightligher - подсветка тегов
Плагин AutoFileName - автоматическая подсказка имен файлов
Плагин Color Hightligher - подсветка цветов в стилях
Плагин Buffer Scroll - запоминает позицию курсора в документе
Плагин Goto-CSS-Declaration - поиск класс в фалах стилей
Preferences -- Package Settings -- Goto-CSS-Declaration -- Key Bindings - Default
Сочетание клавиш: Windows + Alt + . (точка на клавише Ю)
Либо в контекстном меню Go To CSS Declaration
Автоинкремент
В стилях поставить курсор на цифру, зажать Ctrl и клавишами вверх и вниз увеличивать значение.
Несколько полезных шорткатов для Sublime Text ниндзи http://habrahabr.ru/post/208514/
CTRL+R - поиск файла
CTRL+F2 - поставить закладку, CTRL+Shift+F2 - удалить закладку
Best of Sublime Text 3: Features, Plugins, and Settings
https://scotch.io/bar-talk/best-of-sublime-text-3-features-plugins-and-settings
http://master-css.com/page/nastroika-sublimetext3
https://vk.com/proglib?w=wall-54530371_50706
https://vk.com/id3652267?w=wall3652267_1977%2Fall
Ctrl + N - создать новый файл
В файле html
Набрать html + tab - базовая разметка
Ctrl + K, Ctrl + B скрыть/показать сайдбар
Плагин Package Controll
Устанавливает плагины
Ctrl + ~ - появляется консоль
код для установки
https://packagecontrol.io/installation
Ctrl + Shift + P открыть Package Control
Плагин SideBarEnhancements — расширяет функционал сайдбара (только для Sublime Text 3)
Плагин LiveStyle — Позволяет править стили сайта в живом режиме, как в самом редакторе, так и в браузере.
Расширение для Google Chrome https://chrome.google.com/webstore/detail/emmet-livestyle/diebikgmpmeppiilkaijjbdgciafajmg
Плагин Emmet http://emmet.io/
Команды
! + tab - базовая html-разметка
link + tab - тег link и т.д. с другими тегами
img[src="путь к картинке"] + tab расширенный тег
h1{Обычный заголовок}+p*2(lorem27) + tab заголовок и два абзаца
p{Простой список}+ul.list>li.item*7>a[href="#"](lorem2) - список со ссылками
Плагин AdvancedNewFile
Ctrl + Alt + N командная строка
вводим название папки и название файла с расширением, затем Enter
test\test.html
test\test.css
Плагин ColorPicker
Ctrl + Shift + C - вызов окна
Плагин Tag
Edit -- Tag -- Различные опции
Плагин Minifier Минимизация файлов стилей
Открыть файл стилей, затем Tools -- Minify
Колонки в Sublime Text 3
View -- Layouts -- нужное количество колонок (Alt + Shift + цифра)
Маленькие секреты Sublime Text 3
Ctrl + / Добавляет комментарий
Ctrl + Shift + / Также добавляет комментарий
Зажать Ctrl и одновременно выделить несколько мест
Ctrl + Shift + A выделить содержимое какого-то отдельного тега (курсор установить на тег)
КАРТИНКА
Создание сниппетов в Sublime Text 3
Tools -- New Snippet
Тело сниппета вставить в тег content, расскомментировать строку tabTrigger и прописать имя триггера
Установка темы
http://longren.io/gigantic-list-of-sublime-text-themes/
Preferences -- Package Console -- Install Package -- Theme - Soda
Preferences -- Settings — User
Добавляем опции
подсветка вкладки с несохранёнными изменениями
https://www.youtube.com/watch?v=BXcK3Xvp3-g
Preferences -- Browse Packages -- создаем папку Default -- создаем файл Default (Windows).sublime-keymap
Можно добавлять свои хот-кеи
Preferences -- Settings - Default
Плагин LiveReload
Установить плагин для ST3 LiveReload,
установить расширение для Хрома LiveReload https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
Preferences -- Package Settings -- LiveReload -- Settings - User
Прописать код
Если в хроме не работает, то попробуйте в расширениях у LiveReload поставить галочку "Разрешить открывать файлы по ссылкам".
LESS
Плагин для LESS
Плагин Gist
Preferences -- Package Settings -- Gist -- Settings - Default
Прописать свой токен
"token": "",
Сгенерировать токен на сайте гитхаба, создать свой файл Gist\Gist.sublime-settings
Скопировать туда настройки и токен
Ctrl+K, Ctrl+O или Tools>Gist>Open Gis
Плагин BracketHightligher - подсветка тегов
Плагин AutoFileName - автоматическая подсказка имен файлов
Плагин Color Hightligher - подсветка цветов в стилях
Плагин Buffer Scroll - запоминает позицию курсора в документе
Плагин Goto-CSS-Declaration - поиск класс в фалах стилей
Preferences -- Package Settings -- Goto-CSS-Declaration -- Key Bindings - Default
Сочетание клавиш: Windows + Alt + . (точка на клавише Ю)
Либо в контекстном меню Go To CSS Declaration
Автоинкремент
В стилях поставить курсор на цифру, зажать Ctrl и клавишами вверх и вниз увеличивать значение.
Несколько полезных шорткатов для Sublime Text ниндзи http://habrahabr.ru/post/208514/
CTRL+R - поиск файла
CTRL+F2 - поставить закладку, CTRL+Shift+F2 - удалить закладку
Best of Sublime Text 3: Features, Plugins, and Settings
https://scotch.io/bar-talk/best-of-sublime-text-3-features-plugins-and-settings