Adobe brackets: безкоштовний і зручний текстовий редактор для розробників

brackets-adobeОсь уже майже рік я користуюся MacBook Air. Але за цей час так і не зміг знайти «свій» текстовий редактор для редагування HTML і CSS. Благо, потреби в подібному інструменті виникають у мене не так вже й часто. Сьогодні колега прислав посилання на нову розробку Adobe - текстовий редактор для веб-розробників Brackets. Цю програму можна встановити на комп'ютери з операційними системами Windows, OS X (Ура!) І Linux, що я благополучно і зробив.

Нехай Adobe Brackets має поки номер версії 1.0, а значить далекий від досконалість. Але все вказує на те, що він увійде до числа популярних у веб-розробників редакторів. Крім основних функцій, тут є Inline Editing (вбудований редактор), живий перегляд, підтримка препроцесора. Далеко не всюди знайдеш все це.

Існують і інші текстові редактори, деякі з них навіть перетворилися на культові. Тому Adobe Brackets буде не легко набрати армію вірних користувачів. Але я вже вступив до її лав. Особливо мені сподобалася функція Inline Editor. Вона дозволяє побачити пов'язаний код з декількох файлів в одному вікні і одночасно. Це позбавляє від постійного перескакування між відкритими вкладками.

Живий попередній миттєво показує в браузері результат правок коду. Більше не треба постійно натискати на кнопку перезавантаження, щоб подивитися - чи рухаємося ми у вірному напрямку. Завдяки підтримці препроцесоора я легко знаходжу, додаю і редагую взаємини між класами в файлах HTML і CSS. Наводжу курсор миші на клас у файлі index.html, натискаю Command + E - спливають всі файли CSS, пов'язані з цим класом. Обираю потрібний файл і відкриваю його у вбудованому редакторі для редагування. А якщо для цього класу CSS-опис ще не створено, то можна зробити це прямо тут, буквально, на льоту.

Редактор Brackets підтримує HTML, CSS, мови розмітки LESS і SASS. LESS і SASS аналогічні за своїм функціоналом CSS з підтримкою препроцесора. Я знаю багатьох розробників, які воліють їх, а не CSS. Код даного редактора відкритий, тому ви можете включитися в роботу по його подальшому розвитку. До речі, сам Brackets написаний на HTML, CSS і javascript, тому досвідчений веб-розробник запросто розбереться у вихідному коді.

Завантажити редактор Brackets можна з офіційної сторінки.



Оцініть, будь ласка статтю
Всього голосів: 4384

Увага, тільки СЬОГОДНІ!