Adobe Brackets: чудовий редактор коду для веб-розробки

У ці дні, є багато різних варіантів редакторів коду, кожен зі своїми особливостями, які відрізняють його від інших, але, безперечно, одним із фаворитів веб-розробників є Adobe Brackets.

Adobe Brackets є текстовий редактор для розробки веб-сайтів та веб-додатків, створений Adobe Systems. Є з відкритим кодом (ліцензовано за ліцензією MIT) і управляється через GitHub.

Він написаний на HTML, CSS та JavaScript, що ідеально підходить для веб-розробки та доступне для Windows, Mac OS X та Linux.

Про Adobe Brackets

Кронштейни Adobe має кілька дуже корисних і зручних функцій, Наприклад, є можливість швидкого редагування властивостей файлу CSSНаприклад, під час редагування HTML-файлу просто наведіть курсор на будь-який клас або ідентифікатор, зазначений у коді, та натисніть Ctrl + E, тоді відкриється вікно для редагування властивостей CSS цього тегу або ідентифікатора.

Так само можна відкрити вікно вибору кольору. Зверніть увагу, що він відкривається в окремому вікні, і область редагування з'являється в тексті, переміщуючи текст вниз.

Під час роботи над проектом корисно бачити результати змін та цей редактор особливості ця функція, функція попереднього перегляду, який він пропонує за допомогою вашого веб-браузера.

Ця функція доступна через піктограму блискавки у верхньому правому куті інтерфейсу програми.

Попередній перегляд відкриває поточний файл у вашому веб-браузері та показує зміни, які ви внесли на льоту.

Піктограма кінця у верхньому правому куті мультимедійного інтерфейсу полегшує інтеграцію з Adobe Creative Cloud.

Про Adobe Brackets 1.13

На даний момент редактор знаходиться у своїй версії 1.13, і за допомогою цього ми можемо знайти наступні характеристики.

Організуйте файли або папки у дереві файлів

Ya є можливість маніпулювати структурою папок із дужок. Все, що вам потрібно зробити, це перемістити файл або папку з однієї папки в іншу, просто перетягуючи.

Відкрийте віддалені файли

Це вже можливо мати можливість відкрити віддалену веб-сторінку з дужок. Просто скористайтеся комбінацією клавіш Ctrl / Cmd - Shift - O та вкажіть URL-адресу, щоб швидко відкрити файл і переглянути код.

Автоматичне оновлення

Тепер можна автоматично оновлювати дужки, не виходячи з редактора коду.

Як встановити Adobe Brackets на Linux?

Для того, щоб встановити цей редактор коду у вашій системі, ви повинні слідувати інструкціям, якими ми ділимося нижче.

Кронштейни Adobe офіційно розповсюджує інсталяційні пакети редактора у форматі deb який можна встановити в Debian, Ubuntu та похідних.

Для цього потрібно йти за наступним посиланням і тут ми завантажимо найновішу версію, а в даному випадку це версія 1.13.

Завершено завантаження просто встановіть пакет deb з нашим менеджером пакетів бажано або з терміналу ми можемо це зробити за допомогою:

sudo dpkg -i Brackets.Release.*.deb

І у випадку виникнення проблем із залежностями нам потрібно буде лише набрати:

sudo apt -f install

Поки за ті, хто є користувачами та похідними Arch Linux Також можна встановити цей редактор у вашій системі.

Цей редактор ми можемо встановити із сховищ AUR, ми лише повинні встановити помічника.

Просто введіть у терміналі:

yay -S brackets

Для тих, хто є користувачі openSUSE Ми можемо встановити додаток, відкривши термінал і виконавши в ньому наступне.

в openSUSE Tumbleweed:

sudo zypper addrepo https://download.opensuse.org/repositories/home:awissu/openSUSE_Tumbleweed/home:awissu.repo

в openSUSE Крок 42.3:

sudo zypper addrepo https://download.opensuse.org/repositories/home:awissu/openSUSE_Leap_42.3/home:awissu.repo

в openSUSE Крок 15.0:

sudo zypper addrepo https://download.opensuse.org/repositories/home:awissu/openSUSE_Leap_15.0/home:awissu.repo

І нарешті ми встановлюємо за допомогою:

sudo zypper install brackets

Для решти дистрибутивів ми можемо встановити редактор за допомогою Snap, нам потрібна лише підтримка, щоб мати можливість встановлювати програми з цією технологією.

Для його встановлення нам потрібно лише набрати в терміналі:

sudo snap install brackets --classic