stringtranslate.com

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

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

4 ноября 2014 года Adobe анонсировала первый (1.0) релиз Brackets. В обновлении появились новые функции, такие как пользовательские сочетания клавиш и более точные подсказки 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 года и рекомендовала пользователям перейти на Visual Studio Code от Microsoft . [14] Окончательным официальным релизом стала версия 1.14.2, но форк сообщества продолжает выпускать новые версии. [15] [16] В дополнение к форку сообщества, участники сообщества Brackets анонсировали Phoenix 30 августа 2021 года. [17] Phoenix — это форк Brackets, ориентированный на веб-браузеры, а не нативное приложение. [18]

Функции

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

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

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

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

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

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

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

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

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

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

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

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

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

Расширения

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

Смотрите также

Ссылки

  1. ^ Стюарт, Райан. «Brackets 1.0 и Extract for Brackets (Preview) Now Available». Блог Brackets . Adobe. Архивировано из оригинала 8 февраля 2015 г. Получено 15 ноября 2014 г.
  2. ^ "Brackets 2.2.1 release". 22 марта 2023 г. Получено 24 сентября 2023 г.
  3. ^ "2.1.1 Pre-Release". 9 мая 2022 г. Получено 20 сентября 2022 г.
  4. ^ github.com/adobe/brackets/blob/master/src/nls/README.md
  5. ^ "Adobe Brackets Code Editor". Technewss. Архивировано из оригинала 2014-12-13 . Получено 12 декабря 2014 .
  6. ^ "Современный редактор кода с открытым исходным кодом, который понимает веб-дизайн". Скобки . Получено 2021-04-23 .
  7. ^ Харрисон Вебер, VentureBeat. «Adobe выпускает свой текстовый редактор с открытым исходным кодом Brackets из стадии бета-тестирования, выпускает инструмент извлечения CSS». 4 ноября 2014 г. 17 ноября 2014 г.
  8. ^ "Обновление об Extract for Brackets (Preview)". Архивировано из оригинала 5 октября 2016 г.
  9. ^ «Обновление об Extract for Creative Cloud Assets Online Service и Brackets».
  10. ^ "Release 2.2.1", скобки: Редактор кода с открытым исходным кодом для веб-сайтов, написанный на JavaScript, HTML и CSS , сообщество Brackets.io, 2023-03-22 , получено 2023-09-24
  11. ^ Adobe Edge Code CC
  12. ^ Лафонтен, Дэвид (16.01.2015). «Adobe погружается в воды программного обеспечения с открытым исходным кодом с Brackets 1.0». Слои .
  13. ^ Adobe Brackets – редактор с открытым исходным кодом для веб-дизайнеров, 5 ноября 2014 г.
  14. ^ adobe/brackets, Adobe, Inc., 2023-02-02 , получено 2023-02-02
  15. ^ "Выпуски · adobe/brackets". GitHub . Получено 2023-02-02 .
  16. ^ brackets-cont/brackets, brackets.io, 2023-02-01 , получено 2023-02-02
  17. ^ Проект Феникс: Brackets next generations., 30 августа 2021 г. , получено 09.12.2023
  18. ^ phcode-dev/phoenix: Phoenix — это современная среда разработки с открытым исходным кодом для веб-приложений, созданная для браузера. , получено 09.12.2023
  19. ^ ab «Как использовать скобки», Adobe
  20. Обзор текстового редактора – Adobe Brackets, 22 января 2014 г., архивировано из оригинала 29.03.2015 г. , извлечено 27.03.2015 г.
  21. ^ «Brackets: бесплатный редактор кода с открытым исходным кодом, созданный с использованием HTML/CSS», Hongkiat , 16 апреля 2013 г.
  22. ^ «Theseus JavaScript Debugger для Chrome и NodeJS», Brackets Blog , 28 августа 2013 г.
  23. ^ «Обзор редактора Brackets», SitePoint , 18 апреля 2014 г.

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