Из Википедии, бесплатной энциклопедии
  (Перенаправлено из Adobe Brackets )
Перейти к навигации Перейти к поиску
Кронштейны
Логотип скобок
Разработчики)Adobe Systems
Первый выпуск4 ноября 2014 г . ; 6 лет назад [1] ( 2014-11-04 )
Окончательный релиз
1.14.2 [2] / 6 апреля 2020 г . ; 12 месяцев назад ( 6 апреля 2020 г. )
Предварительный выпуск1.14 превью 1 (15 апреля 2019 г . ; 2 года назад ) [±] [3] ( 2019-04-15 )
Репозиторий
Отредактируйте это в Викиданных
Написано вJavaScript , HTML , CSS
Операционная системаmacOS , Windows и Linux
Размер~ 75 МБ
Доступно в38 языков [4]
ТипРедактор исходного кода
ЛицензияЛицензия MIT
Веб-сайтскобки .io

Brackets - это прекращенный [5] редактор исходного кода , основной упор делается на веб-разработку . [6] Созданное Adobe Systems , это бесплатное программное обеспечение с открытым исходным кодом под лицензией MIT License , и в настоящее время поддерживается на GitHub Adobe и другими разработчиками открытого исходного кода. Он написан на JavaScript , HTML и CSS . Brackets является кроссплатформенным , доступен для macOS , Windows и большинства дистрибутивов Linux . Основная цель Brackets - это живой HTML., Функции редактирования CSS и JavaScript . [7]

4 ноября 2014 г. Adobe анонсировала первый (1.0) выпуск Brackets. В обновлении представлены новые функции, такие как настраиваемые сочетания клавиш и более точные подсказки JavaScript. Brackets специализируется на разработке с использованием JavaScript, CSS и HTML . В выпуске версии 1.0 Adobe анонсировала функцию, которая извлекает информацию о дизайне из файла PSD для удобства кодирования в CSS. [8] По состоянию на 28 июня 2016 г. эта функция официально прекращена из-за низкого уровня использования. [9] Однако Extract по-прежнему доступен через Photoshop и Dreamweaver, которые являются частью их платной службы Adobe Creative Cloud. [10] Последняя версия Brackets - 1.14.2.[11]

В марте 2021 года Adobe объявила, что прекращает поддержку скобок 1 сентября 2021 года. [12]

История [ править ]

Adobe сначала начала разработку текстового редактора для веб-разработки на Edge Code , который был прекращен в ноябре 2014 года. [13] Позже эта работа была преобразована в Adobe Brackets. С выпуском Brackets 1.0 Adobe объявила, что разработка приложения с открытым исходным кодом для веб-разработки готова и больше не является экспериментальным проектом. Brackets содержит материалы, внесенные более чем 282 участниками сообщества, и имеет более 400 запросов на исправление ошибок и новые функции. Каждую версию Brackets скачали более 100 000 раз, и по состоянию на 16 января 2015 года это был 16-й по популярности проект на GitHub [14].

Репозиторий Brackets на GitHub ( репозиторий Bracket ) в настоящее время имеет 152 ветки , 110 выпусков и 17 700 коммитов по состоянию на 30 августа 2018 г. Исходный код находится в свободном доступе по лицензии MIT . Разработчик может изменять функции скобок и персонализировать их для собственного удобства, создавая разветвление программного кода . [15]

Особенности [ править ]

Brackets предоставляет несколько функций [16], в том числе:

  • Быстрое редактирование
  • Быстрые документы
  • Предварительный просмотр в реальном времени
  • JSLint
  • МЕНЬШЕ поддержки [17]
  • Открытый исходный код [18]
  • Расширяемость

Быстрое редактирование [ править ]

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

HTML файл
При применении быстрого редактирования к элементам HTML все соответствующие свойства CSS отображаются в поле под выбранным элементом. Пользователи могут создавать новые правила CSS прямо в редакторе и редактировать свойства CSS тега в режиме реального времени, не выходя из контекста файла HTML .
Файл JavaScript
В функциях JavaScript быстрое редактирование выполняет ту же процедуру, что и с элементами HTML , но отображает тело выбранной функции в раскрывающемся списке. Все обновления тела функции будут распространяться и обновляться непосредственно в соответствующем файле JavaScript .
Файлы, содержащие свойства цвета в шестнадцатеричном формате или RGB
Для свойств цвета быстрое редактирование вернет встроенное средство выбора цвета для предварительного просмотра и настройки цвета.

Предварительный просмотр [ править ]

Когда вы щелкаете соответствующий фрагмент кода в CSS / HTML, веб-браузер немедленно показывает вывод, относящийся к этому фрагменту кода в веб-браузере. Эта функция называется Live Preview, эта функция также мгновенно отправляет изменения кода в браузер, чтобы представить обновленную веб-страницу по мере того, как разработчики изменяют код. Brackets содержит серверную часть Node.js, которая предсказывает, что делает код, когда разработчик вводит код.

Предварительный просмотр изменений кода в браузере

Два сценария для предварительного просмотра в реальном времени

Нет бэкэнд- логики
Используя Live Preview, Brackets запустит выбранный HTML- файл в Google Chrome , предоставив статический контент со встроенного сервера Brackets . Эта процедура не требует какой-либо внутренней логики для поддержки просмотра изменений в файле HTML .
Назад конец логика
С внутренней логикой Brackets направит Google Chrome на указанный URL-адрес проекта, запущенного на отдельном сервере , но отключит поддержку функций, связанных с HTML . В результате браузер не сможет обновлять какие-либо файлы HTML , PHP и т. Д. В реальном времени, и для этих файлов также будет отключена подсветка элементов . Только изменения и выделение элементов, относящиеся к файлам CSS, будут отображаться в реальном времени. Вместо этого будут автоматически перезагружены все обновления файлов, отличных от CSS . Эти ограничения существуют потому, что предоставляют функциональные возможности редактирования HTML в реальном времени.files требует добавления аннотаций в HTML- код до того, как код будет загружен в браузер . Эти инъекции обычно обрабатываются встроенным сервером Brackets , но они не существуют, когда проекты используют отдельные персональные серверы .

Функциональность [ править ]

  1. Обновления HTML и CSS в реальном времени (без перезагрузки)
  2. Элемент Подсветка: Элементы выбираются в HTML и CSS файлы выделены в браузере .

Ограничения предварительного просмотра [ править ]

  • В настоящее время работает только с настольным Google Chrome (не с Chromium с открытым исходным кодом ) в качестве целевого браузера .
  • Открытие инструментов разработчика в Google Chrome закроет все живые подключения для разработки.
  • Все файлы для просмотра должны находиться в папке, открытой в данный момент в скобках.
  • Одновременно можно предварительно просмотреть только один HTML-файл .
  • Обновления в реальном времени приостанавливаются при обнаружении синтаксически недопустимого HTML . Скобки возобновят отправку изменений в браузер после исправления синтаксиса .

Разделенный вид [ править ]

Эта функция разделяет основной вид на две части. Пользователи могут разделить вид по вертикали или горизонтали в зависимости от их собственного удобства, что позволяет пользователям работать с двумя файлами одновременно. Разработчик может одновременно работать с двумя разными файлами двух разных типов, двумя файлами одного типа или даже с двумя разными частями одного файла одновременно. Такие функции, как Live Preview и Quick Edit, работают в обоих представлениях.

Поддержка нескольких форматов файлов [ править ]

Brackets поддерживает коды из нескольких типов файлов от C ++ , C , VBScript до Java , JavaScript , HTML , Python , Perl и Ruby . Полный список включает более 38 типов файлов. Это дает пользователю гибкость для одновременной работы с различными файлами проекта.

Brackets поддерживает функцию под названием «Объектив PSD», которая помогает плавно извлекать все изображения, логотипы и стили дизайна из файла PSD, не открывая Photoshop для их проверки. Называя эту функцию предварительным просмотром, Adobe сообщает, что впереди еще много работы, прежде чем эту функцию можно будет усовершенствовать. Эта функция получила положительные отзывы от разработчиков, но на начальных этапах выпуска функции было сообщено о многих проблемах. Позже проблема была решена с помощью расширения.

Интеграция Тесея [ править ]

Brackets включает в себя отладчик JavaScript с открытым исходным кодом Theseus, который позволяет разработчикам устанавливать точки останова , выполнять пошаговое выполнение кода и проверять значения переменных в режиме реального времени. [19] Тесей может использоваться для отладки любого расширения в скобках и легко устанавливается с помощью встроенного менеджера расширений . Тесей также работает вместе с Live Preview через прокси-сервер, который записывает функцию и связанные с ней значения каждый раз, когда функция вызывается.

Функциональность [ править ]

  • Показывает , сколько раз функция называется рядом с функцией «ы определения.
  • Регистрирует все полученные аргументы, возвращенные значения и исключения, вызванные вызовом функции в скобках.

Расширения [ править ]

Созданные с использованием HTML , CSS и JavaScript , разработчики могут предоставлять дополнительные функции Brackets, создавая расширения . [16] [20] Эти расширения можно найти и установить с помощью встроенного диспетчера расширений . Расширения также можно найти в Интернете через Brackets Extension Registry.

См. Также [ править ]

  • Встроенный фреймворк Chromium (CEF)
  • Список текстовых редакторов
  • Сравнение текстовых редакторов § Возможности программирования
  • Сравнение редакторов HTML
  • Атом

Ссылки [ править ]

  1. ^ Стюарт, Райан. «Теперь доступны скобки 1.0 и отрывок для скобок (предварительная версия)» . Блог о скобках . Adobe Systems . Проверено 15 ноября 2014 года .
  2. ^ "Выпуск 1.14.2" . 6 апреля 2020 . Проверено 6 апреля 2020 .
  3. ^ https://github.com/adobe/brackets/releases
  4. ^ github .com / adobe / скобки / blob / master / src / nls / README .md
  5. ^ Уведомление о скобках EOL - Блог о скобках
  6. ^ «Редактор кода Adobe Brackets» . Technewss. Архивировано из оригинала на 2014-12-13 . Проверено 12 декабря 2014 .
  7. ^ «Современный редактор с открытым исходным кодом, разбирающийся в веб-дизайне» . Кронштейны . Проверено 23 апреля 2021 .
  8. ^ Харрисон Вебер, VentureBeat. « Adobe запускает бета-версию своего текстового редактора с открытым исходным кодом Brackets, выпускает инструмент для извлечения CSS ». 4 ноября 2014 г. 17 ноября 2014 г.
  9. ^ «Обновление об извлечении для скобок (предварительный просмотр)» .
  10. ^ «Обновление об извлечении для онлайн-службы Creative Cloud Assets и скобках» .
  11. ^ «Примечания к выпуску 1.14.2» , скобки: редактор с открытым исходным кодом для Интернета, написанный на JavaScript, HTML и CSS , Adobe Systems Incorporated, 06.04.2020 , получено 26.10.2020
  12. ^ "Кронштейны EOL примечание" . Блог Brackets - Бесплатный редактор кода с открытым исходным кодом для Интернета . 2021-03-01 . Проверено 1 марта 2021 .
  13. ^ Adobe Edge Code CC
  14. ^ Лафонтен, Дэвид (2015-01-16). «Adobe погружается в воду с открытым исходным кодом с помощью скобок 1.0» . Слои .
  15. ^ Adobe Brackets - редактор с открытым исходным кодом для веб-дизайнеров
  16. ^ a b «Как использовать скобки» , Adobe
  17. ^ Обзор текстового редактора - Adobe Brackets , 22 января 2014 г., архивировано из оригинала 29 марта 2015 г. , получено 27 марта 2015 г.
  18. ^ «Скобки: бесплатный редактор кода с открытым исходным кодом , созданный с помощью HTML / CSS» , Hongkiat
  19. ^ "Отладчик JavaScript Тесея для Chrome и NodeJS" , Блог Brackets , 28 августа 2013 г.
  20. ^ "Обзор редактора скобок" , SitePoint , 18 апреля 2014 г.

Внешние ссылки [ править ]

  • Официальный веб-сайт