Brackets для сомневающихся и новичков

  • Tutorial

СД: НЧ


Без плагинов Brackets не лучше других редакторов, но с ними его стоит хотя бы попробовать.

Введение


Не так давно на Хабре было опубликовано множество статей, касающихся тем или иным образом редактора Brackets. У многих людей сразу же появились вполне справедливые вопросы:
  1. Чем он лучше используемого мной %EDITOR_NAME%?
  2. Много ли под него плагинов?
  3. Стоит ли связываться или лучше использовать какую-нибудь известную IDE или текстовый редактор?

Надеюсь, после чтения этой статьи каждый сможет найти для себя ответы на эти вопросы.

Функционал «из коробки»


Хоть Brackets и позиционируется как текстовый редактор, по факту он всё больше напоминает полноценную IDE. Тем не менее, следует сказать о том, что мы получаем при базовой установке этого редактора:
  • плагин для Live Preview — работает только с Google Chrome. Вносим какие-либо изменения в код в редакторе — в окне браузера автоматически отображаются изменения
  • подсветка синтаксиса
  • подсказки при редактировании CSS, JS и HTML-файлов
  • корявое отображение кириллического текста. Обещают исправить в одном из следующих релизов. Сейчас есть несколько обходных путей, об этом ниже.

Именно огромное количество плагинов позволяет превратить данный текстовый редактор в мощный комбайн для WEB-разработки. Далее пойдет перечисление с описанием возможностей. Я не буду описывать все имеющиеся в каталоге дополнения, остановлюсь лишь на самых, на мой взгляд, полезных и интересных.

Brackets из коробки


Общего назначения


Extensions Rating

Новичкам советую ставить это дополнение самым первым. Оно позволяет упорядочивать другие дополнения в каталоге по различным критериям, также отображает различную дополнительную информацию: количество загрузок, звезд и форков на GitHub, что позволяет хотя бы примерно оценить полезность данного расширения.
До и после





Brackets Git

Тут всё предельно ясно из названия. Очень полезное расширение для работы со всем известной системой контроля версий.
Git в Brackets



Code Folding

Без этого плагина в Brackets нет такой нужной функциональности, как сворачивание блоков кода. После установки слева, рядом с номерами строк, появятся треугольники, которые позволяют сворачивать те фрагменты, которые сейчас не нужны.
Сворачивание кода


Emmet

В представлении не нуждается, но для новичков будет интересно о нём узнать. Этот плагин позволяет существенно ускорить ввод текста при редактировании LESS, CSS и HTML.
Например, вводим такую конструкцию:
button.btn.btn-primary{Кнопка}

После нажатия клавиши Tab она будет развёрнута в такую:
<button class="btn btn-primary">Кнопка</button>

Идём дальше:
div.btn-toolbar>(button.btn.btn-default{Кнопка})*3

по нажатию развернётся в
<div class="btn-toolbar">
    <button class="btn btn-default">Кнопка</button>
    <button class="btn btn-default">Кнопка</button>
    <button class="btn btn-default">Кнопка</button>
</div>

Не буду делать дальнейших спойлеров, лучше почитайте уже имеющиеся на Хабре обзоры:
Прощай, Zen Coding. Привет, Emmet!
Вышел Emmet v1.0
Также рекомендую официальную инструкцию (на английском).

Codeoverview

Включает небольшую панель в правой части окна редактора, где отображается весь код «с высоты птичьего полёта». Можно быстро перейти к любому интересному участку.
Помимо плагина CodeOverview есть также BluePrint в стадии Beta. Какой лучше — решайте сами.
Обзор кода



Documents Toolbar

Для тех, кто привык к вкладочному интерфейсу и не хочет от него отвыкать (взамен Brackets предлагает список открытых файлов над деревом).


Brackets Fonts

Позволяет выбрать из списка шрифт, которым будет выводиться текст в редакторе. Обратите внимание на то, как стали отображаться кириллические символы. Кроме этого есть ещё несколько плагинов с таким же функционалом. Имеется возможность открыть в меню пункт Вид/Themes, где вручную прописать, какие шрифты следует использовать.
Шрифты



Http Server for Brackets

Запускает локальный HTTP-сервер для отладки вашего проекта. В чём отличие от встроенного Live Preview?
  1. Это не LivePreview, т.е. страницу надо обновлять вручную.
  2. Обратиться к данному серверу можно из любого браузера, установленного в системе. Разработчики под IE и Firefox ликуют.

Также в каталоге расширений есть плагин Static Preview, подобный LivePreview, но позволяющий делать «живую» правку в других браузерах, однако на текущий момент (8 ноября 2014 года) он «вешает» Brackets. Если быть более точным, он не даёт редактору возможности нормально завершить свою работу — сохранить настройки и список открытых файлов. Возможно, эту ошибку скоро исправят, но имеющиеся проблемы лично меня уже оттолкнули от этого плагина.

Grunt for Brackets

Brackets может предложить плагин для Grunt'а. Его настройка — отдельная тема, некоторые даже целые книги написали об этом. От себя замечу лишь, что сейчас, в 2014 году, не использовать Grunt или Gulp — признак дурного тона и несерьёзности разработчика.

Beautify, Beautifer

Простым нажатием комбинации клавиш Ctrl+L или Ctrl+B плохо оформленный JS- или HTML-код превращается в оформленный вполне приемлемо. На картинках global_main.js Хабра до и после применения данного плагина. Не используйте эти плагины для LESS! Они вставляют пробелы после двоеточий, что делает LESS-файл некомпилируемым.
Ассистент, всё в мясорубку!





QuickSearch

При двойном клике на выражение подсвечивает все его вхождения в документ. Автор расширения вдохновлён Notepad++, чего не скрывает.
Notepad++? Нет.



SFtpUpload, FTP-Sync

Позволяют выгружать файлы проекта на сервер через (S)FTP. Умеют в авторизацию по ключу.
FTP Sync, SFtpUpload





Верстальщику


LESS Autocompile

Для тех, кто не хочет головной боли от правки CSS давно придуман LESS. Данный плагин позволяет автоматически компилировать ваши .less-файлы при сохранении. В текущем состоянии требует небольшой настройки.
  • В заголовке .less-файла нужно написать что-то вроде:
    	// out: ../css/login.css
    

    если нужно переопределить каталог вывода .css. В противном случае .css-файл будет создан там же, где и .less, а это не очень хорошо. Все остальные настройки LESS для файла прописываются здесь же.
  • В настройках проекта нужно явно указать, какие файлы LESS должен обрабатывать. Для этого нужно добавить в .brackets.json или compile.json (оба лежат в корневом каталоге проекта, первый автоматически создаётся Brackets) следующее:
    	{
    	    "less": [
    	        "static/login/less/login.less",
    	        "static/desktop/less/index.less"
    	       //И все остальные LESS-файлы
    	    ]
    	}
    


Brackets Autoprefixer

Думаю, этот плагин не нуждается в представлении. Он вставляет в имеющийся CSS-файл необходимые дополнения для поддержки вендорных префиксов и старых браузеров. В зависимости от настроек можно получить самые разные результаты. Имеет довольно простое окно параметров. Полный список можно посмотреть на странице проекта на GitHub.
Минимализм настроек Autoperefixer



CSSLint, LESSLint, LESS StyleSheets Formatter

Три плагина, призванные помочь в улучшении вашего LESS- и CSS-кода. Будут указывать на типичные и не очень ошибки. Пример на картинке.
Ошибки в CSS



HTMLHint, More CSS Code Hints, More HTML5 Code Hints

Плагины просто дают больше подсказок при правке HTML и CSS. Учитывая, с какой скоростью базовую поставку Brackets добавляются различные улучшения и дополнения, следует ждать интеграции функционала этих плагинов в ядро.

ColorHints, Brackets Color Picker

Первый выводит подсказку при наведении курсора на код или название цвета в редакторе, умеет также показывать градиенты. Второй выводит окошко с палитрой для выбора нужного цвета. При редактировании LESS-файлов окошко для выбора цвета следует вызывать по Ctrl+Alt+K, если оно не появилось автоматически после ввода слова color.
Подсказки при вводе градиентов и цвета





JavaScript-разработчику



JSHint, JSLint, JSHint Configurator, JSLint Configurator

Крайне полезные плагины для разработчиков, которые не только верстают, но и пишут код на JavaScript. На выбор JSHint и JSLint, хотя можно использовать оба (второй куда более предвзято отнесётся к вашему коду). Конфигураторы, как видно из названия, позволяют настроить разные параметры проверки кода, например, игнорировать использование функции requirejs до её объявления.
Все и так знают, для чего нужен каждый из параметров



FuncDocr

Плагин позволяет быстро документировать функции JS.
Например, имеется следующий код:
Desktop.prototype.addResizeHandler = function(handler) {
    if ($.isFunction(handler)) {
        this.resizeActions.push(handler);
    }
};

Становимся перед объявлением функции и вводим /**. После нажатия клавиши Enter FuncDocr развернёт этот комментарий, подставив заготовки, куда надо лишь вписать нужное:
/**
 * [[Description]]
 * @param {[[Type]]} handler [[Description]]
 */
Desktop.prototype.addResizeHandler = function(handler) {
    if ($.isFunction(handler)) {
        this.resizeActions.push(handler);
    }
};


AngularJS Code Hints, AngularJS for Brackets

Добавляют подсказки при вводе Angular-директив. Я плохо знаком с этим фреймворком, но надеюсь, указанные два плагина оправдают надежды специалистов.

Rename JavaScript Identifier

Становимся на идентификатор, нажимаем Ctrl+R, вводим новое имя — все вхождения переменной в скрипт автоматически переименовываются.

Ложка дёгтя


При всём многообразии настроек и параметров, есть некоторые претензии к Brackets. Первая и самая важная — скорость работы. При наличии большого количества плагинов и множестве подключенных к документу CSS начинает довольно заметно подтормаживать появление подсказок при редактировании документов. Иногда довольно долго приходится ждать реакции редактора при правке JS-скриптов. Второе — довольно неудобное дерево навигации. Третье — некоторые плагины способны «повесить» редактор, не давая ему нормально закрыться и сохранить настройки.
После прочтения этой статьи Вы попробуете Brackets?
Какие из представленных редакторов и IDE Вы используете сейчас?

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Поделиться публикацией
AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама
Комментарии 68
  • +11
    Первое голосование слишком категоричное. Да, попробовал Brackets, не считаю его студенческой поделкой — вполне продвинутый редактор кода. Но пока предпочитаю либо Sublime Text либо (иногда) Atom. Brackets имеет много недоработок (или скорее зазубрин, недополирован для комфортной работы).
    • 0
      А как вы Atom используете? Или это чисто виндовая замануха с невероятно долгим стартом?
      • 0
        Использую под Ubuntu, запускается дольше (холодный запуск), чем Sublime Text, но гораздо быстрее, чем, например, WebStorm. В остальном он сделан более аккуратно, чем Brackets, особенно при переходе с Sublime. Нравятся режимы предпросмотра Markdown, Jade. Нравится возможность добавлять кастомные CSS для корректировки интерфейса, но раздражает меню Packages, куда складываются команды абсолютно всех пакетов (и системных и пользовательских). От Sublime досталось меню Ctrl+Shift+P и Ctrl+R. Я не знаю как они будут оправдываться, но функционал идентичен Sublime (что для пользователя хорошо). В отличии от Sublime есть интерфейс настроек (хотя настройки пишутся в файл). Функциональный набор плагинов ничем не уступает функциональности в Sublime и в отличии от последнего в Atom содержимое вкладок может быть отображено как html, а это более перспективно.

        Оба проекта усиленно пилят и, думаю, скорость запуска будет единственным критерием выбора
        • 0
          Спасибо большое за Atom.
          • 0
            Стоит Atom, так долго открывается что успеваю открыть 2 раза Brackets. Для себя после Sublime для фронт энд разработки больше увидел смысла в Brackets.

            Brackets:

            github.com/gruehle/MarkdownPreview (превью Markdown)

            github.com/peterflynn/brackets-commands-guide (аналог в Sublime Ctrl+Shift+P)

            github.com/dnbard/brackets-custom-css (живой хакинг UI редактора, смотрим в Devtools и переписываем стили на лету).
            Позже добавят и темы UI, пока только системные Light и Dark.

            Настройки у Brackets тоже в файле но насколько знаю уже есть pull request для работы с настройками в диалоговом окне.
            • 0
              Тут интересный момент, если выбирать между Brackets и Atom я выберу последний, хотя функционально и идеологически они почти идентичны — наверное нюансы интерфейса всё же сказываются (у Atom низкая скорость загрузки только при холодном запуске).

              Sublime Text остановился в развитии, хотя даже непонятно куда развиваться дальше, идеал достигнут, что еще можно от него желать? А душа требует чего-то нового =)
              • 0
                Да, помимо функционала я так же смотрю на оболочку (UI) и возможности кастомизации (запросы у всех разные). Насчет Sublime, он остановился потому что не Open Source. Atom'у и Brackets для начала нужно достигнуть той же скорости работы, Sublime до сих пор стоит для больших файлов. Кстати, у Atom есть такая проблема, проблема тормознутости?

                Насчет Brackets, мне понравилось быстрое редактирование css и обьявленных функций по ctrl+e. А так же для background colors, можно работать с градиентами. В Atom есть подобный функционал?
                • 0
                  Если не брать во внимание мелкие баги у Atom есть проблема в упорядочивании внешних плагинов — сейчас они не делятся ни на группы, ни на категории и в меню прописываются в одну кучу, когда их много это уже неудобно.

                  Сейчас не помню как там дело обстоит с проектами, надо специально разбираться, например папки из несвязных каталогов в одном проекте или фильтрация по именам папок и файлов.
      • +5
        Прошу прощения за неправильное использование ката. Надеюсь, сейчас у всех всё нормально отображается.
        • –2
          Нет смысла переходить с Sublime Text или любого другого редактора, кто чем пользуется. Будут только трудности с тормозами(а ведь он написан на javascript, чего и стоило ожидать. Никогда не понимал, зачем его пихать дальше браузера?). Его если только в будущем держать для работы с PSD их плагином Extract, который ещё тоже сырой. На простеньких файлах ещё шевелится, на чуть больших может зависнуть. Ещё требует регистрации в Adobe и не работает без сети.
          • –2
            Учитывая, что Sublime написан на еще более медленном языке, чем этот, но вас он по производительности устраивает, производительность языка тут особой роли не играет.
            • +1
              Вы хотите сказать, что C++ медленнее, чем javascript? :)
            • 0
              Sublime написан на C++. Плагины на Python. Выше уже писали. Но, с каких это пор у нас js стал быстрее Python?
          • НЛО прилетело и опубликовало эту надпись здесь
            • +4
              Попробовал вчера. Удалось его уронить за полчаса совершенно банальных действий (в глубины пока даже не лез).
              Плагины и темы оставляют впечатление недопиленности. Всё пока ещё сыро.
              Но перспективы, безусловно, есть.
              • +1
                Какие из представленных редакторов и IDE Вы используете сейчас

                kate/kwrite для одиночных файлов

                Единственное что я ожидал от brackets — предпросмотра результата в реальном времени (как codepen), а оказалось максимум что есть это какой-то предпросмотрщик psd файлов. Смысл этого редактора для меня остаётся загадкой.
                • +1
                  Что значит «максимум»? Работа с PSD — это (потенциальная) киллер-фича. Другое дело, что пока она сыровата и малофункциональна.
                  • 0
                    Мне она, во всяком случае, не нужна. Если не самим редактором, то браузеры и так прекрасно инспектируют (мои шаблоны) svg, ибо xml.
                  • +1
                    Думал я один такой, Кейт использую. Раздражает там только одно: он начинает адски тормозить, если открываешь файл с длинными строками, например, минифицированный JS.
                    • 0
                      В случае минифицированных файлов я первым делом привожу их к читаемому виду.
                      • 0
                        Часто требуется просто поставить алерт для того, чтоб убедиться, подключен ли скрипт. Деминификация здесь не нужна, да и прийдется отдельные туллзы для этого использовать, так как, даже если есть плагин бьютификации, открыть файл будет сложно, даже на крутом железе.
                      • 0
                        Нас трое, как минимум. Кейт, хоть и довольно простой, но быстрый и многофункциональный редактор.
                    • 0
                      Добавлю. Из полезных функций «из коробки» довольно неплохо умеет multiple edit.

                      Codeoverview не показывает текущую позицию при прокрутке, а BluePrint тормозной. Вместо них можно использовать WD Minimap (хоть он и не поддерживается, но с последней версией работает без ошибок).

                      Documents Toolbar показался немного кривоват, и показывает страшные иконки типов файлов (хотя их можно отключить). Дополнительно умеет окрашивать ярлыки табов в разные цвета в зависимости от типов файлов.Правила настраиваются. Есть альтернативный более простой плагин для этой задачи — Brackets File Tabs.

                      Quicksearch — не самая нужная штука, т.к. есть mulpiple edit (ALT+F3).

                      Нет плагинов для навигации по FTP/SFTP — это беда.

                      Подсветка ошибок в прямо в коде — Epic Linter (но это только подсветка: для редактируемого файла должен быть установлен нужный линтер).

                      Для работы с менеджером расширений еще полезно поставить Bigger Extensions Panel — делает окно больше.

                      Для работы с заметками есть модуль Todo.

                      Brackets не умеет копипаст кода с использованием контекстного меню в редакторе (!). Решается модулем Right Click Extended.

                      • +1
                        Спасибо! Из Вашего комментария открыл для себя Bigger Extensions Panel и Epic Linter. Насчёт Right Click Extended вообще не знаю, есть ли люди, которые используют это меню вместо Ctrl+C.
                      • 0
                        После недавнего анонса релиза скачал и запустил. Сплэш-скрин неподвижно провисел минут 10, после чего sudo killall Brackets. Разбираться как-то не захотелось.
                        • 0
                          а какойто аналог
                          ctrl+p
                          
                          и
                          ctrl+shift+p
                          
                          для поиска фаилов в отркытом проекте и поиска функционала с клавиатуры есть? а то я пробовал, но когда обнаружил что фаилы мышкой тыкать надо — пересел обратно на саблайм
                          • 0
                            dark_ruby Ctrl+Shift+F, он же «Поиск» — «Найти в файлах». При том можно исключить некоторые файлы из поиска, искать по тексту или по регулярному выражению, с чувствительностью к регистру и без.
                            • 0
                              спасибо, я имел ввиду не поиск в фаилах, а поиск фаилов (в открытом проэкте) по имени — очень удобно, если фаилов масса, и они называются по определенному конвеншену.
                              • 0
                                Нет, такого пока нет.
                                • 0
                                  Вроде Ctrl+Shift+O как аналог Ctrl+P s Sublime (точнее сказать не могу, на маке точно Cmd+Shift+O). Работает точно как в Sublime, можно вводить кусок имени/пути файла обрывками, находит.
                                  • 0
                                    1) Ctrl+Shift+O

                                    2) Добавляет иконку у проекта, по клику открывает нижнюю панель с поиском.

                                    Расширение github.com/Dammmien/brackets-various-improvements
                              • 0
                                del
                                • +8
                                  Лично я не вижу смысла в подобных редакторах (atom, brackets, cloudIDE) тк все их приемущества на данный момент перекрываются тормознутостью. Как только они научатся делать автокомплит для js — это будет прорыв. Статический анализ не справляется с разнообразием возможностей создать/унаследовать/изменить/импортировать класс в js, а инструменты типо spy-js, COLT как раз то, что может дать нормальный автокомплит.
                                  Например можно взять java/php и под IDEA написать что-то не сложное совсем не зная языка, стандартной библиотеки — IDE все подскажет. В JS даже отлично зная язык невозможно быстро разобраться с бибилотекой.
                                  • +1
                                    Есть Typescript и объявления DefinitelyTyped для множества популярных библиотек. Visual Studio + R# в этом случае дают практически идеальный автокомплит.
                                    • 0
                                      я хочу чистый js. Ну и вся сложность — в коллбеках.
                                      • 0
                                        Идеальный автокомплит для чистого JS все равно не сделать, TS — наиболее близкий к JS из всей плеяды языков, которые в него компилируются.

                                        А что не так с коллбэками?
                                        • 0
                                          Сделать. Посмотрите на COLT/spyjs
                                          • 0
                                            Распространенная практика в AngularJS — создавать массив такого типа:

                                            angular.controller(
                                                'MyCtrl',
                                                ['$scope', '$state', function(...) {
                                                    ...
                                                }]
                                            );

                                            Если я обращусь к элементу массива, SpyJS наверняка подскажет мне содержимое его элементов в конкретный момент времени, которые окажутся неактуальными при повторном вызове функции controller с другими аргументами, разве нет?
                                  • +2
                                    Пару месяцев назад увидел его и думал что соскочу с sublime, но ничего такого не произошло… Да редактор клёвый, но тормозааа. При загрузке проекта он сначала подтормаживает, а потом намертво виснет и вылетает :( А жаль…
                                    • 0
                                      > думал что соскочу с sublime

                                      Зачем с него соскакивать?
                                      • 0
                                        Описание Brackets понравилось… повёлся на обёртку ;) Но реальность вернула мои мозги на место :)
                                    • 0
                                      Много времени потратил на подбор темы приятной для глаз и шрифтов с Google Fonts, но все равно есть в нем что-то, что отталкивает и не позволяет долго работать. Не удобным показалось и дерево файлов, а именно отсутствие анимации раскрытия папок.
                                      • 0
                                        Лично для меня его киллер-фича — это live preview. Раньше для верстки макетов использовал отдельные хосты в Денвере, теперь — не нужно абсолютно.

                                        На версии 1.0 нормально работают Documents Toolbar? А то обновился разок и всё уехало
                                        • +3
                                          Откройте для себя Grunt (Gulp), Connect и LiveReload.
                                          • 0
                                            За несколько минут так и не понял, как эти вещи помогут смотреть верстку без правки абсолютных путей, тут же все работает из коробки, а большего мне не надо
                                            • +1
                                              Connect устанавливает свой сервер, верстка открывается по адресу 127.0.0.1: порт/путь. В чем дальнейшая сложность не понимаю. И, конечно, нет никакой зависимости от редактора кода или IDE. Обновление страницы в браузере происходит моментально после сохранения изменений в отслеживаемых файлах, если меняются только стили, то страница в браузере не перезагружается — стили обновляются асинхронно.
                                              • +1
                                                Ну это ничем не отличается от того, что было раньше, а теперь не надо ничего дополнительно устанавливать, потому что незачем
                                                • НЛО прилетело и опубликовало эту надпись здесь
                                                  • 0
                                                    Мои задачи решает на 100% — большего мне не нужно, только и всего
                                          • 0
                                            «На версии 1.0 нормально работают Documents Toolbar?»

                                            Попробуйте вот это github.com/crot4lus/Brackets---Tabs, более элегантное и простое решение.
                                          • +1
                                            Люблю vim за возможность играть в «гольф» во время написания скучного однообразного кода.
                                            • НЛО прилетело и опубликовало эту надпись здесь
                                            • +2
                                              На мой взгляд, Брекетс заслуживает гораздо большего внимания, чем это следует из комментариев выше. Я его сам распробовал только со второго захода, но если в него «въехать» — получаешь удовольствие от воркфлоу. Да, он иногда тормозит и не все модули хороши, но он реально клевый.
                                              • +1
                                                Проблема в том, что большинству людей нужен готовый 100% работающий и устраивающий их инструмент. Если какая-то фича там отсутствует или работает нестабильно они плюют и уходят, попутно описывая это в нелестных комментариях.
                                                Так бывает только за деньги — вы платите, вам всё предоставляют. Хотя, кто помнит как начинался Sublime Text? Между прочим с самого начала платный и с самого начала он не был 100% стабильный и функциональный — он падал, он криво работал, он портил кодировку, там было миллион претензий (можете почитать форумы первых версий).

                                                В данном же случае проект OpenSource, причём написан на javascript (Atom на coffescript), с которым знакомы все фронтенд разработчики. Исходники открыты, ишью открыты, можно сделать форк, можно отправить пуллреквест. В чем сложность?
                                              • 0
                                                Вот когда Extract начнет корректно работать, то тогда есть смысл переходить на Брекетс, а пока увы нет, толку тыкать в невидимые слои ((.
                                                • 0
                                                  Пока никак не интересен. Sublime таки хорош и быстр, да и проверен.
                                                  • –1
                                                    С такими тормозами можно было бы мириться, если редактор был бы полноценной IDE, которая сканирует проект и предлагает переходы на методы/классы и умный suggest. Но это просто тормозной продукт, с набором самых простых плагинов, которые доступны почти во всех других редакторах.

                                                    Для тех, кто еще не пробовал этот редактор, 3 цитаты из статьи:

                                                    1. Без плагинов Brackets не лучше других редакторов
                                                    2. При наличии большого количества плагинов и множестве подключенных к документу CSS начинает довольно заметно подтормаживать появление подсказок при редактировании документов.
                                                    3. Некоторые плагины способны «повесить» редактор, не давая ему нормально закрыться и сохранить настройки.

                                                    4. Занавес.
                                                    • 0
                                                      Он ruby и вообще другие языки умеет или это JS проект?
                                                      • 0
                                                        Он заточен под фронтенд/javascript, соответственно поддержка других языков/технологий из коробки довольно ограничена. Тут уже нужно смотреть в сторону плагинов, а лучше в сторону других инструментов.
                                                      • 0
                                                        результаты опроса говорят за себя:
                                                        image
                                                        • 0
                                                          Раньше уже пробовал этот редактор, но дальше «посмотреть» дело не зашло.
                                                          Сейчас поставил, настроил. Местами оказалось удобнее/продуманнее используемого мною Саблайма.
                                                          Но есть пара вопросов. Возможно, вы сможете на них дать ответ:
                                                          1. Можно ли сохранять текущую конфигурацию (набор экстеншинов со всеми настройками, выбранная тема и прочее) для синхронизации между несколькими редакторами (работа-дом). Для этих целей я сейчас храню конфигурационные файлы саблайма в своих дотфайлах.
                                                          2. Не нашел расширение для просмотра/редактирования файлов по ftp/sftp с удаленных серверов. То, что вы привели в качестве примера, работает только на аплоад.

                                                          Спасибо!
                                                          • 0
                                                            Поищите папку %appdata%/Brackets, там в json лежат настройки, можно придумать как их синхронизировать. Про ftp не скажу т.е. давно уже использую монтирование удалённых папок через ос или нормальный деплой.
                                                          • 0
                                                            Такой вопрос.
                                                            В brackets есть возможность открывать несколько проектов (директорий).
                                                            Так вот, как открыв один файл из первого «проекта», и перейдя другой «проект», оставить открытым первоначально открытый файл из первого «проекта»?

                                                            Зачем это нужно? Для copy-paste и навигации по файлам из разных «проектов».
                                                            • 0
                                                              Debug — New Brackets window. Только так, и открывайте сколько хотите окон и проектов.
                                                              • 0
                                                                Хочется отметить что разработчики позиционируют редактор как front editor и дальнейшие разработки будут направлены именно в эту сторону (html, js, css). Поддержка таких языков как PHP во многом зависит от комьюнити.

                                                                Еженедельный обзор расширений ingorichter.github.io/BracketsExtensionTweetBot/

                                                                Live preview 2. Разработчики ведут вторую версию, превью в любом браузере. Есть баги и ограничения. Подробности на странице, скоро включат в основную сборку.
                                                                github.com/njx/brackets-livedev2

                                                                PHP
                                                                hint/intelligence extension for PHP (php разработчик решил сделать лучшую поддержку php, следите за расширением)
                                                                github.com/Brackets-PHP-SIG/Brackets-PHP-SmartHints

                                                                Горячие клавиши
                                                                github.com/peterflynn/brackets-commands-guide (аналог Sublime's Command Palette Ctrl+Shift+P)
                                                                github.com/redmunds/brackets-display-shortcuts (горячие клавиши в нижней панели)

                                                                Быстрая документация по Ctrl+K
                                                                QuickDocsJS, QuickDocsPHP github.com/Wikunia

                                                                Интеграция Dash github.com/cfjedimaster/brackets-dash
                                                                Интеграция Zeal github.com/anephew/brackets-zeal

                                                                FTP client for Brackets code editor (наш разработчик).
                                                                github.com/Equals182/eqFTP

                                                                Bookmarks
                                                                github.com/JeffryBooher/brackets-bookmarks-extension

                                                                JavaScript debugger
                                                                github.com/adobe-research/theseus

                                                                Хакинг. Устанавливаете расширение и глядя на структуру и стили редактора в devtools (F12) переписывайте стили без перезагрузки редактора. Здесь стоит отметить что если вы захотите изменить непосредственно стиль подсветки (codemirror) то лучше редактировать css самой темы (например скачанной из менеджера расширений), после изменения и сохранения css темы так же сразу видны изменения в редакторе (это работает и без данного расширения).
                                                                github.com/dnbard/brackets-custom-css
                                                              • 0
                                                                Для тех кто дружит с английским и хочет познакомиться с Brackets.
                                                                css-snippets.com/brackets-course/

                                                                Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.