Brackets. Текстовий редактор коду.

Сьогодні я хочу розповісти вам про ще один молодий, але дуже перспективний редактор - brackets.

З`явився цей редактор вже давно, але він був дуже сирий. Зараз же він уже досить хороший, щоб конкурувати навіть з Sublime Text. Розробляється редактор фірмою Adobe. Редактор повністю кроссплатформерний, тому що він написаний з застосуванням WEB технологій: html, css, js.

Напевно, найголовнішою фішкою редактора є можливість живого редагування сторінки без необхідності перезавантаження. Зауважте, що це не банальна перезавантаження після того, як ви збережете файл, а саме живе редагування. На даному етапі це стосується тільки html і css і не стосується js. Але те, як це реалізовано зараз, виглядає дуже навіть добре і незабаром, думаю, буде і підтримка js і т.д.

Що ж, давайте його скачати. Для цього перейдіть за посиланням brackets.io і натисніть кнопку download. При першому запуску ви побачите 2 файлу, на прикладі яких можна порозбирали з редактором. Щоб запустити функцію живого редагування, натисніть на кнопку з блискавкою в правому верхньому куті редактора. У вас відкриється браузер. Якщо ви будете змінювати вміст сторінки, то будете бачити моментальні зміни в браузері.

Ви можете також задавати css стилі прямо в html файлі. Наприклад, створіть параграф і дайте йому який-небудь клас. тепер натисніть ctrl + e(або cmd + e, якщо у вас Mac OS) і у вас відкриється знизу віконце, де ви можете натиснути кнопку New Rule і додати css правило для даного елемента. при редагуванні css, Ви будете бачити всі зміни в браузері миттєво.

В css, якщо ви поставите курсор в якесь позначення кольору (#efefef, наприклад) і натиснете ctrl + e(cmd + e), То побачите палітру, де зможете вибрати потрібний вам колір і все також миттєво бачити результат в браузері.

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

Звичайно ж, для brackets написані плагіни. Щоб їх встановити, натисніть на фігурку лего в правому верхньому куті редактора. Ви побачите великий список всіх можливих плагінів. Також, ви можете скористатися пошуком, щоб знайти потрібний. Наприклад, введемо в пошук emmet і натиснемо кнопку install. Все, плагін встановлений і готовий до роботи.

Отже, підбиваючи підсумок, я хочу сказати, що це правда дуже хороший і зручний редактор, але особисто я поки що не став би його використовувати як основний, тому що в ньому немає потрібних мені речей, які є в Sublime Text і він поки що недостатньо швидко працює. Однак, щоб зверстати якусь сторінку, я буду використовувати саме цей редактор, тому що для цих цілей він підходить ідеально, а Live Coding(Живе редагування) дуже в цьому допомагає.

Що ж, на цьому все, спасибі за увагу і до зустрічі!