MIAPAK 154 Posted December 25, 2016 (edited) Случайно наткнулся на Brackets - бесплатный редактор с открытым кодом для веб-разработчиков (разработчик Adobe Systems) ссылка на wikipedia Как обычному пользователю ХВМ (настройка конфига) очень понравился редактор. 'Первые впечатления:' Редактор поддерживает русский язык (выбирается при установке) 'Много плагинов, с возможностью установки прямо из редактора' 'Осуществляет быстрый просмотр цвета. Из минуса, Быстрое редактирование (изменения цвета) только цвета в цветовом коде html - #FFFFFF' 'Осуществляет просмотр изображения(й) которое присутствует в проекте с информацией о его размере' 'Показывает ошибки возникшие при редактировании файла' 'Есть сравнение файлов (требуется установить плагин brackets-compare)' 'Подсветка выделенного текста во всем документе + дополнительной подсветкой на вертикальной полосе прокрутке (требуется установить плагин Quick Search)' 'Есть двухоконный режим (горизонтальный или вертикальный)' Для скролинга по документу, при работе в двухоконном режиме достаточно только переместить курсор в одно из окон (очень удобно) 'При любом изменении в тексте появляется отличительная метка напротив строки в которой произошли изменения (требуется установить плагин Work Heatmap)' 'Прямо из редактора можно добавлять - удалять как директории так и файлы.' 'есть сектор в котором находится структура открытого нами проекта, а также в случае если мы начали редактировать какой то текст, то этот текст автоматически визуально перемещается в сектор выше с подразделением на Левый и Правый (Двухоконный режим работы)' Короче кому понравился работайте, а может кто-то из знающих людей как-то возьмется и вообще сдружит между собой Brackets и ХВМ сделает что-то на подобии XCPad Есть хорошие видио уроки https://www.youtube.com/playlist?list=PLPpaecEYRC8bGw3oj3ecnPjSe09r4bPyo ******************************************************************************************************************************************************************************************************************** 'ПЛАГИНЫ и некоторые особенности более развернуто:' 'Интерактивный просмотр (Live Preview)' Интерактивный просмотр - Live Preview']Первое, что стоит отметить, это функцию Интерактивного Просмотра, или, как многие её называют - живой просмотр. Благодаря ей вы можете наблюдать за изменениями сайта, прямо во время верстки страницы. Обратите внимание, что для работы требуется браузер Google Chrome. Именно в нем открывается ваш сайт и показываются все изменения. Знаю, знаю, сейчас вы скажите - то же самое есть и в SublimeText! Однако прошу учесть тот факт, что там для этого надо выполнять каждый раз довольно таки не простые "танцы с бубном" confused, прежде чем все начнет работать. А здесь у нас все из коробки. Как поется в одной песне: Нажми на кнопку, получишь результат. На данный момент интерактивный просмотр работает в HTML и CSS файлах. А вот при редактировании javascript - придется сохранятся. 'Быстрое редактирование - inline editors' Очень удобная штука. Суть в том, что вы можете править CSS и JS прямо из HTML документа. Не переключаясь между файлами. Поверьте, времени экономится просто огромное количество. А про удобство и комфорт работы вообще молчу. Все можно делать из одного файла. Вы просто выбираете нужный тег, жмете CMDCTRL+E и у вас открывается специальное окно. В котором можно внести стили для этого селектора. При этом можно редактировать, как уже существующие стили, так и завести новые. Там же доступно переключение между CSS файлами, если у вас их несколько. В любом случае - рекомендую погонять. Останетесь довольны. 'Быстрые подсказки' Эта фишка мне всегда нравилась в Dreamweaver. Не знаю, как сейчас, но когда-то давно она в нем присутствовала. Если вы хотите подключить какой-то файл, стили, скрипты, картинки - не важно. Brackets автоматически подскажет вам не только путь, но и имя файла. Очень удобно! 'Brackets Emmet' Этот плагин позволяет быстро набирать HTML и CSS 'Extract for Brackets (Preview)' Позволяет верстать прямо из PSD макета. То есть, в программу Photoshop залазить уже не надо. Подключаемся к плагину, закачиваем свой PSD на сервер Adobe Creative Cloud, и наш редактор начинает извлекать все стили и графику из PSD макета. 'Brackets Tree Icons - иконки под определенный формат' Поддерживаются следующие форматы: JavaScript JSON TypeScript CoffeeScript LiveScript HTML, HTM SVG XML plist PHP, SQL Java CSS, SASS, Less, Stylus Shell script, Batch, command Jade, EJS, Dust, Haml TXT Log Markdown Map PNG, JPG, JPEG, TIFF, ICO GIF MP4, WebM, OGG MP3, WAV EOT, TTF, WOFF GitIgnore, GitModules, GitAttributes NPMIgnore, ORG (editorconfig.org) HTAccess, HTPasswd, Conf YAML Project, Jscsrc, Jshintrc, Csslintrc, Todo, Classpath Zip, Rar, 7z, Tgz, Tar, Gz, Bzip ERB, RB, RDOC PY, PYC, PYO, PYD 'Brackets Link File - Вставляет ссылки Java Script и файлы CSS на HTML-документ' Просто щелкните правой кнопкой мыши на файле в дереве проекта -> ссылку на файл, а ссылка с правильным относительный путь будет вставлен в документ. (Обратите внимание, что это работает только если файл сохраняется) 'Macro Manager - Расширение для создания и запуска макросов' 'Any Template - создание своих шаблонов' 'Brackets Color Palette - позволяет выбрать цвета из изображения' 'Extension Highlighter - раскрашивает расширение файлов' 'Super Right Click - дополнительные возможности для правого клика мышки' 'Photopea - переход на сайт https://www.photopea.com' 'Brackets Image Convert - преобразования изображений с помощью пакета imagemagick' 'No Distractions Advanced Toolbar View - всплывающая панел' по умолчанию прячет левую панель с древом файлов, но при подведении к левому краю древо само появляется (отличная фишка) Жмакнуть на картинку и подождать и будет кино :) 'Zoom wheel - Увеличение / уменьшение размера шрифта с помощью колесика мыши' 'QuickFormTool - плагин для быстрой вставки элементов формы в редакторе' 'Selected Char Counter - подсчитывание символов в выделенной строке' 'Railroad diagram of regular - может кому пригодится' описание тут https://github.com/warpdesign/brackets-regex-diagram 'Themes for Brackets - понравившиеся 17 тем оформления' 'Color Merge - показывает все цвета в тексте (опять же формата #FFFFFF)' 'Color Marker - раскраска символа в соответствии с его цветом (формат #FFFFFF)' 'brackets-compare - сравнивание файлов' 'Pixlr - полнофункциональная профессиональная фото и программное обеспечение для редактирования изображений в редакторе' возможно потребует установить Adobe 'Quick Search - подсветка выбранного элемента во всем тексте' 'Work Heatmap - при любом изменении в тексте появляется отличительная метка напротив строки в которой произошли изменения' 'Preferences setup UI - настройки редактора стоящие по умолчанию расширяет на более широкие :) :) каламбурчик ' ******************************************************************************************************************************************************************************************************************** ВЫВОДЫ ПО РЕДАКТОРУ: 'из плюсов:' - редактор отлично подходит для работы с конфигами ХВМ- очень удобный интерфейс (для любителей использования мышей) все под рукой, надо сделать минимум движений-кликов, чтобы добраться до нужной тебе фишки- для скролинга по документу, при работе в двухоконном режиме достаточно только переместить курсор в одно из окон (очень удобно)- осуществляет быстрый просмотр-редактирование цвета (см. минусы)- просмотр изображения(й) которое присутствует в проекте с информацией о его размере- показывает ошибки возникшие при редактировании файла (см. минусы)- есть сравнение файлов, требуется установить плагин brackets-compare- есть подсветка выделенного текста во всем документе + дополнительной подсветкой на полосе прокрутки текста (требуется установить плагин Quick Search)- есть плагин Work Heatmap, фишка которого заключается, что он ставит маркер в начале строки в которой произошли какие либо изменения (данная функция интерактива)- прямо из редактора можно добавлять-удалять как директории так и файлы- для наглядности сделано несколько секторов работы с документом 'из минусов:' - быстрое просмотр-редактирование цвета возможно только в цветовом коде html - #FFFFFF (для устранения данного недочета скорее всего надо искать плагин, пока не искал)- при анализе ошибок возникших при редактировании файла нужно брать в расчет, что файлы расширения ХВМ это не равно файлам расширения JavaScript. Поэтому слепо доверять в этом редактору не следует- редактор работает на кодировке Unicode Edited January 9, 2017 by MIAPAK 6 1 Quote Share this post Link to post Short link Share on other sites
MIAPAK 154 #371977 Posted December 26, 2016 еще полазаю дополнительную информацию скину 1 Quote Share this post Link to post Short link Share on other sites
MICROB 77 #371983 Posted December 26, 2016 Весьма интересный редактор -много расширений устанавливающихся отдельно(некоторые не локализованы),но так и не нашёл возможности сравнения 2х файлов (имхо ещё сыроват) Quote Share this post Link to post Short link Share on other sites
konrad509 445 #371994 Posted December 26, 2016 Does it support syntax highlighting? What about custom UDL files? Quote Share this post Link to post Short link Share on other sites
MIAPAK 154 #372016 Posted December 26, 2016 (edited) но так и не нашёл возможности сравнения 2х файлов Почему нет, есть 'Качаем плагин "brackets-compare" перезагрузить редактор' Файлы которые сравниваем должны располагаться в одном проекте 'Включаем второе окно. В итоге получаем двухоконный режим (Left и Right), где открыты наши сравниваемые тексты' 'Активируем плагин "brackets-compare" ' 'Текст сравнен и можно его тут же корректировать. Если надо выйти из режима сравнения нажимаем еще раз на кнопку плагина "brackets-compare" ' Единственное в учет надо брать, что изменения можно вносить только в тот текст, что располагается в Left окне (т.е. с права на лево). Does it support syntax highlighting? 'yes ' What about custom UDL files? don't understand the question Edited December 26, 2016 by MIAPAK 1 Quote Share this post Link to post Short link Share on other sites
MIAPAK 154 #373139 Posted January 6, 2017 (edited) Обновил шапку темы После двух недель пользования редактором сложилось такое мнение: 'из плюсов:' - очень удобный интерфейс (для любителей использования мышей) все под рукой, надо сделать минимум движений-кликов, чтобы добраться до нужной тебе фишки- для скролинга по документу, при работе в двухоконном режиме достаточно только переместить курсор в одно из окон (очень удобно) - осуществляет быстрый просмотр-редактирование цвета (см. минусы) - просмотр изображения(й) которое присутствует в проекте с информацией о его размере - показывает ошибки возникшие при редактировании файла (см. минусы) - есть сравнение файлов, требуется установить плагин brackets-compare - есть подсветка выделенного текста во всем документе + дополнительной подсветкой на полосе прокрутки текста (требуется установить плагин Quick Search) - есть плагин Work Heatmap, фишка которого заключается, что он ставит маркер в начале строки в которой произошли какие либо изменения (данная функция интерактива) - прямо из редактора можно добавлять-удалять как директории так и файлы - для наглядности сделано несколько секторов работы с документом 'из минусов:' - быстрое просмотр-редактирование цвета возможно только в цветовом коде html - #FFFFFF (для устранения данного недочета скорее всего надо искать плагин, пока не искал)- при анализе ошибок возникших при редактировании файла нужно брать в расчет, что файлы расширения ХВМ это не равно файлам расширения JavaScript. Поэтому слепо доверять в этом редактору не следует Edited January 6, 2017 by MIAPAK Quote Share this post Link to post Short link Share on other sites
MIAPAK 154 #373232 Posted January 6, 2017 Обновил шапку - добавил описание плагинов к программе П.С. полдня убил и добрался от 01.2017 до 08.2015 :( :) :) Quote Share this post Link to post Short link Share on other sites
justdj 13 #373597 Posted January 9, 2017 Самое обидное, что не поддерживает ANSI. Было обидно, когда понравился редактор, настроил его и решил открыть свой проект... Получается редактор чисто под хвм... Кому нужен более адекватный - Sublime text 3 поставьте 1 Quote Share this post Link to post Short link Share on other sites
MIAPAK 154 #373705 Posted January 9, 2017 что не поддерживает ANSI сочувствую Quote Share this post Link to post Short link Share on other sites
DrShats 0 #378094 Posted February 1, 2017 На моём калькуляторе запускается этот редактор неделю. Вернулся на Нотепад++ Quote Share this post Link to post Short link Share on other sites
MIAPAK 154 #378103 Posted February 1, 2017 Прикольно, мне даже стало интересно ты на своем калькуляторе играешь :):) Прикольно, мне даже стало интересно как ты на своем калькуляторе играешь :):) Quote Share this post Link to post Short link Share on other sites