Описание тега adobe-brackets

Описание тега Вопросы с тегом
Adobe Brackets - это текстовый редактор с открытым исходным кодом, изначально созданный Adobe. Он в основном используется для разработки / редактирования проектов HTML, CSS и JavaScript, но поддерживает все файлы.

Adobe Brackets - это текстовый редактор с открытым исходным кодом, разработанный Adobe. Он в основном используется для разработки / редактирования проектов HTML, CSS и JavaScript, но поддерживает все файлы. Важным моментом в Brackets является то, что он был разработан на HTML, CSS и JavaScript. Он синхронизируется с браузером, а это означает, что каждый раз, когда вы редактируете какой-либо код, изменения будут отражаться в браузере на лету. Это помогает устранить необходимость в отладке Firebug CSS. Разработка скобок все еще продолжается, и новые функции еще впереди.

Первый выпуск: 4 ноября 2014 г.

Стабильная версия: Brackets 1.13 (18 июня 2018 г.)

Предварительный выпуск: предварительный выпуск Brackets 1.14 (15 апреля 2019 г.)

особенности

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

  • Быстрое редактирование
  • Быстрые документы
  • Предварительный просмотр
  • JSLint
  • МЕНЬШЕ поддержки
  • Тесей Интеграция
  • Открытый источник
  • Расширяемость

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

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

  • HTML файл

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

  • Файл JavaScript

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

  • Файлы, содержащие свойства цвета Hex или RGB

    Для свойств цвета быстрое редактирование вернет встроенное средство выбора цвета для предварительного просмотра и функции настройки цвета.

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

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

Два сценария Live Preview:

  • Нет логики Back End:

    Используя 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, выделяются в браузере.

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

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

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

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

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

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

Быстрые документы

Связанные с быстрым редактированием, быстрые документы - это функция, используемая для отображения соответствующей документации в режиме реального времени. В файле CSS/LESS/SCSS быстрые документы открывают встроенную документацию для любого выбранного свойства. Quick Docs также можно применять к нескольким свойствам одновременно.

Расширения

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