Brackets - live coding
Brackets - редактор (html, css, js), разработан на веб-технологиях / open source, cross platform /
Он же поселился в Adobe Creative Cloud под названием Edge Code (Preview).
brackets.io
Live Coding - включить View / Live Preview (Ctrl+Shift+C) и нажать иконку с молнией.
Ctrl+E на имени стиля - редактировать css свойства, цвет.
Плагины:
Emmet - помогает быстрее писать код через сокращения.
Everyscrub - помогает дрегать числовые значения мышкой с зажатой клавишей Ctrl.
Markdown Preview (MD - упрощенный язык разметки HTML)
Кириллица выглядит не оч, какое-то большое межбуквенное пространство, можно вообще заменить шрифт или поправить его свойства.
1. Edit file [brackets folder]/www/styles/brackets.min.css
2. Navigate to .CodeMirror and change font-family to any font with normal cyrillic support
// My recommendation for Windows users is font-family:Consolas, monospace;
Способ II
В www/styles/brackets_theme_default.less меняем правило .code-font на любимый шрифт и перезапускаем Brackets
Способ III
Просто заменить файлы шрифтов:
два файла в директории ресурсов Brackets: SourceCodePro-Medium.ttf и SourceCodePro-Regular.ttf, предварительно переименовав шрифт, которым меняем существующие шрифты от Adobe. В Windows 7 - consolas.ttf (поставляется вместе с операционной системой)
Пути, где располагаются файлы шрифтов, в разных операционных системах:
Или поставить плагин "Font Viewer". Он меняет шрифт в редакторе.
Он же поселился в Adobe Creative Cloud под названием Edge Code (Preview).
brackets.io
Live Coding - включить View / Live Preview (Ctrl+Shift+C) и нажать иконку с молнией.
Ctrl+E на имени стиля - редактировать css свойства, цвет.
Плагины:
Emmet - помогает быстрее писать код через сокращения.
Everyscrub - помогает дрегать числовые значения мышкой с зажатой клавишей Ctrl.
Markdown Preview (MD - упрощенный язык разметки HTML)
Кириллица выглядит не оч, какое-то большое межбуквенное пространство, можно вообще заменить шрифт или поправить его свойства.
1. Edit file [brackets folder]/www/styles/brackets.min.css
2. Navigate to .CodeMirror and change font-family to any font with normal cyrillic support
// My recommendation for Windows users is font-family:Consolas, monospace;
Способ II
В www/styles/brackets_theme_default.less меняем правило .code-font на любимый шрифт и перезапускаем Brackets
Способ III
Просто заменить файлы шрифтов:
два файла в директории ресурсов Brackets: SourceCodePro-Medium.ttf и SourceCodePro-Regular.ttf, предварительно переименовав шрифт, которым меняем существующие шрифты от Adobe. В Windows 7 - consolas.ttf (поставляется вместе с операционной системой)
Пути, где располагаются файлы шрифтов, в разных операционных системах:
- Linux: /opt/brackets/www/styles/fonts/SourceCodePro/
- Mac OS X: /Applications/Brackets\ Sprint\ 29.app/Contents/www/styles/fonts/SourceCodePro/
- Windows: C:\Program Files (x86)\Brackets Sprint 28\www\styles\fonts\SourceCodePro
Или поставить плагин "Font Viewer". Он меняет шрифт в редакторе.