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

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

Кронштейны это редактор исходного кода с упором на веб-разработка.[5] Создан Adobe Systems, это бесплатное программное обеспечение с открытым исходным кодом под лицензией Лицензия MIT, и в настоящее время поддерживается GitHub от Adobe и других разработчиков открытого кода. Это написано в JavaScript, HTML и CSS. Скобки есть кросс-платформенный, доступны для 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] Последняя версия Brackets - 1.14.2.[10]

История

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

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

особенности

Кронштейны предоставляют несколько функций[14] в том числе:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Брекеты объединяют Тесей, Открытый исходный код JavaScript отладчик который позволяет разработчикам устанавливать точки останова, выполнять код и проверять значение переменные в настоящее время.[17] Тесей можно использовать для отлаживать Любые расширение в кронштейнах и легко устанавливается с помощью встроенного расширение управляющий делами. Тесей также работает вместе с Live Preview через Прокси сервер который записывает функцию и связанные с ней значения каждый раз, когда функция вызывается.

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

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

Расширения

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

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

использованная литература

  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/мастер/ src/ nls/ПРОЧТИ МЕНЯ.md
  5. ^ «Редактор кода Adobe Brackets». Technewss. Архивировано из оригинал на 2014-12-13. Получено 12 декабря 2014.
  6. ^ http://brackets.io/
  7. ^ Автор Харрисон Вебер, VentureBeat. «Adobe запускает бета-версию своего текстового редактора с открытым исходным кодом Brackets и выпускает инструмент извлечения CSS. » 4 ноября 2014 г. 17 ноября 2014 г.
  8. ^ «Обновление об извлечении для скобок (предварительная версия)».
  9. ^ «Обновление об извлечении для онлайн-службы Creative Cloud Assets и скобках».
  10. ^ «Примечания к выпуску 1.14.2», скобки: редактор открытого исходного кода для Интернета, написанный на JavaScript, HTML и CSS., Adobe Systems Incorporated, 06 апреля 2020 г., получено 2020-10-26
  11. ^ Adobe Edge Code CC
  12. ^ Лафонтен, Дэвид (16 января 2015 г.). «Adobe погружается в воду с открытым исходным кодом с Brackets 1.0». Слои.
  13. ^ Adobe Brackets - редактор с открытым исходным кодом для веб-дизайнеров
  14. ^ а б «Как использовать скобки», Adobe
  15. ^ Обзор текстового редактора - Adobe Brackets, 22 января 2014 г., архивировано из оригинал на 2015-03-29, получено 2015-03-27
  16. ^ «Скобки: бесплатный редактор кода с открытым исходным кодом, созданный с помощью HTML / CSS», Hongkiat
  17. ^ "Отладчик JavaScript Тесея для Chrome и NodeJS", Блог о скобках, 28 августа 2013 г.
  18. ^ «Обзор редактора скобок», SitePoint, 18 апреля 2014 г.

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