Скобки (текстовый редактор)

Кронштейны
Разработчик(и)	Adobe
Первоначальный выпуск	4 ноября 2014 г .; 9 лет назад
Стабильная версия	2.2.1 / 22 марта 2023 г .; 16 месяцев назад
Предварительный выпуск	2.1.0-пререлиз / 9 мая 2022 г.
Репозиторий	github .с /brackets-продолжение /скобки ;
Написано в	JavaScript , HTML , CSS
Операционная система	macOS , Windows и Linux
Размер	~75 МБ
Доступно в	38 языков
Тип	Редактор исходного кода
Лицензия	С
Веб-сайт	brackets.io

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

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

Впоследствии проект Brackets был передан в собственность сообщества и стал проектом, управляемым сообществом. Последняя версия Brackets — 2.2.1. ^[10]

История

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

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

Adobe официально прекратила поддержку Brackets 1 сентября 2021 года и рекомендовала пользователям перейти на Microsoft Visual Studio Code . ^[14] Последней официальной версией была версия 1.14.2, но ветвь сообщества продолжает выпускать новые версии. ^[15]^[16] В дополнение к форку продолжения сообщества, участники сообщества Brackets анонсировали Phoenix 30 августа 2021 года. ^[17] Phoenix — это форк Brackets, ориентированный на веб-браузеры, а не нативное приложение. ^[18]

Функции

Скобки предоставляют несколько функций ^[19] включая:

Быстрое редактирование
Быстрая документация
Живой просмотр
JSLint
МЕНЬШЕ поддержки ^[20]
Открытый исходный код ^[21]
Расширяемость
КодЗеркало
RequireJS (модули)

Быстрое редактирование

Быстрое редактирование позволяет разработчикам оперативно редактировать 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- файлов необходимо вводить аннотации в HTML- код до его загрузки в браузер . Эти инъекции обычно обрабатываются встроенным сервером Brackets , но они отсутствуют, когда проекты используют отдельные персональные серверы .

Функциональность

Обновления HTML и CSS в реальном времени (без перезагрузки)
Выделение элементов : элементы, выбранные в файлах HTML и CSS, выделяются в браузере .

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

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

Разделенный вид

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

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

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

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

Интеграция Тесея

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

Расширения

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

См. также

Ссылки

^ Стюарт, Райан. «Brackets 1.0 и экстракт для скобок (предварительная версия) уже доступны» . Блог о скобках . Adobe. Архивировано из оригинала 8 февраля 2015 года . Проверено 15 ноября 2014 г.
^ «Выпуск Brackets 2.2.1» . 22 марта 2023 г. Проверено 24 сентября 2023 г.
^ «2.1.1 Предварительная версия» . 9 мая 2022 г. Проверено 20 сентября 2022 г.
^ Гитхаб .с / Adobe /скобки /блоб /владелец /источник /НЛС /ЧИТАЙТЕ .md
^ «Редактор кода Adobe Brackets» . Техньюсс. Архивировано из оригинала 13 декабря 2014 г. Проверено 12 декабря 2014 г.
^ «Современный редактор кода с открытым исходным кодом, понимающий веб-дизайн» . Скобки . Проверено 23 апреля 2021 г.
^ Харрисон Вебер, VentureBeat. « Adobe запускает бета-версию своего текстового редактора с открытым исходным кодом Brackets и выпускает инструмент для извлечения CSS ». 4 ноября 2014 г. 17 ноября 2014 г.
^ «Обновление экстракта для скобок (предварительная версия)» . Архивировано из оригинала 5 октября 2016 года.
^ «Обновление об экстракте для онлайн-сервиса Creative Cloud Assets и скобок» .
^ «Выпуск 2.2.1» , скобки: редактор кода с открытым исходным кодом для Интернета, написанный на JavaScript, HTML и CSS , сообщество Brackets.io, 22 марта 2023 г. , получено 24 сентября 2023 г.
^ Adobe Edge Code CC
^ Лафонтен, Дэвид (16 января 2015 г.). «Adobe погружается в воды программного обеспечения с открытым исходным кодом с помощью Brackets 1.0» . Слои .
^ Adobe Brackets — редактор с открытым исходным кодом для веб-дизайнеров , 5 ноября 2014 г.
^ Adobe/brackets , Adobe, Inc., 2 февраля 2023 г. , получено 2 февраля 2023 г.
^ «Релиз · Adobe/скобки» . Гитхаб . Проверено 2 февраля 2023 г.
^ брекет-конт/брекеты ,брекеты.io, 01 февраля 2023 г. , получено 2 февраля 2023 г.
^ Проект Феникс: Брекеты следующих поколений. , 30 августа 2021 г. , получено 9 декабря 2023 г.
^ phcode-dev/phoenix: Phoenix — это современная веб-IDE с открытым исходным кодом, созданная для браузера. , получено 9 декабря 2023 г.
^ Перейти обратно: ^а ^б «Как использовать скобки» , Adobe
^ Обзор текстового редактора – Adobe Brackets , 22 января 2014 г., заархивировано из оригинала 29 марта 2015 г. , получено 27 марта 2015 г.
^ «Brackets: бесплатный редактор кода с открытым исходным кодом, созданный с использованием HTML/CSS» , Hongkiat , 16 апреля 2013 г.
^ «Отладчик JavaScript Theseus для Chrome и NodeJS» , блог Brackets , 28 августа 2013 г.
^ «Обзор редактора скобок» , SitePoint , 18 апреля 2014 г.

Внешние ссылки

Официальный сайт

[1] Стюарт, Райан. «Brackets 1.0 и экстракт для скобок (предварительная версия) уже доступны» . Блог о скобках . Adobe. Архивировано из оригинала 8 февраля 2015 года . Проверено 15 ноября 2014 г.

[wikidata-c361f4d7ce7dccceab9ec2c9643cb97d6c8aa72d-v13-2] «Выпуск Brackets 2.2.1» . 22 марта 2023 г. Проверено 24 сентября 2023 г.

[wikidata-aaacb3c1508fef79882aaeaddbbe3643e1f654af-v13-3] «2.1.1 Предварительная версия» . 9 мая 2022 г. Проверено 20 сентября 2022 г.

[4] Гитхаб .с / Adobe /скобки /блоб /владелец /источник /НЛС /ЧИТАЙТЕ .md

[5] «Редактор кода Adobe Brackets» . Техньюсс. Архивировано из оригинала 13 декабря 2014 г. Проверено 12 декабря 2014 г.

[6] «Современный редактор кода с открытым исходным кодом, понимающий веб-дизайн» . Скобки . Проверено 23 апреля 2021 г.

[7] Харрисон Вебер, VentureBeat. « Adobe запускает бета-версию своего текстового редактора с открытым исходным кодом Brackets и выпускает инструмент для извлечения CSS ». 4 ноября 2014 г. 17 ноября 2014 г.

[8] «Обновление экстракта для скобок (предварительная версия)» . Архивировано из оригинала 5 октября 2016 года.

[9] «Обновление об экстракте для онлайн-сервиса Creative Cloud Assets и скобок» .

[10] «Выпуск 2.2.1» , скобки: редактор кода с открытым исходным кодом для Интернета, написанный на JavaScript, HTML и CSS , сообщество Brackets.io, 22 марта 2023 г. , получено 24 сентября 2023 г.

[11] Adobe Edge Code CC

[12] Лафонтен, Дэвид (16 января 2015 г.). «Adobe погружается в воды программного обеспечения с открытым исходным кодом с помощью Brackets 1.0» . Слои .

[13] Adobe Brackets — редактор с открытым исходным кодом для веб-дизайнеров , 5 ноября 2014 г.

[14] Adobe/brackets , Adobe, Inc., 2 февраля 2023 г. , получено 2 февраля 2023 г.

[15] «Релиз · Adobe/скобки» . Гитхаб . Проверено 2 февраля 2023 г.

[16] брекет-конт/брекеты ,брекеты.io, 01 февраля 2023 г. , получено 2 февраля 2023 г.

[17] Проект Феникс: Брекеты следующих поколений. , 30 августа 2021 г. , получено 9 декабря 2023 г.

[18] phcode-dev/phoenix: Phoenix — это современная веб-IDE с открытым исходным кодом, созданная для браузера. , получено 9 декабря 2023 г.

[BracketsHowTo-19] Перейти обратно: ^а ^б «Как использовать скобки» , Adobe

[20] Обзор текстового редактора – Adobe Brackets , 22 января 2014 г., заархивировано из оригинала 29 марта 2015 г. , получено 27 марта 2015 г.

[21] «Brackets: бесплатный редактор кода с открытым исходным кодом, созданный с использованием HTML/CSS» , Hongkiat , 16 апреля 2013 г.

[22] «Отладчик JavaScript Theseus для Chrome и NodeJS» , блог Brackets , 28 августа 2013 г.

[23] «Обзор редактора скобок» , SitePoint , 18 апреля 2014 г.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]