У моєму місцевому блозі у мене був досить просунутий проект щодо порівняння, яке я робив між собою Кронштейни y SublimeText3, але сьогодні мені довелося змінити майже все, тому що кілька дефектів або відсутність варіантів, які я знайшов у Кронштейни, вони можуть бути непрозорими за допомогою розширень.
Кронштейни викликав фурор. Той факт, що він є редактором з відкритим кодом, додав йому плюсу порівняно з іншими альтернативами і походить від саман, це як мінімум викликає цікавість.
Але привіт, приступимо до справи. Я маю намір зробити порівняння між Кронштейни y SublimeText3Останнім часом я використовую останній з різних причин.
Як отримати брекети?
Щоб завантажити Кронштейни нам просто потрібно піти в сторінку завантаження зі свого офіційного сайту та завантажте a дебютантка. Кроки установка в Ubuntu і похідні ми вже бачили тут, але у випадку з ArchLinux ле Я показав метод який зараз трохи змінився.
В основному зараз те, що ми маємо робити ArchLinux є наступним:
- Ми завантажуємо .deb і розпаковуємо його.
- Папка створена кронштейни-спринт-29-LINUX64 який матиме файл data.tar.gz в приміщенні.
- Ми також розпаковуємо файл data.tar.gz і у нас залишилося дві папки: вибрати / y usr /.
- Відкриваємо термінал і виконуємо:
$ sudo cp -Rv opt / brackets / / opt / $ sudo cp usr / bin / brackets / usr / bin / $ sudo cp -Rv usr / share / doc / brackets / / usr / share / doc / $ sudo cp -R usr / share / applications / brackets.desktop / usr / share / applications / $ sudo cp usr / share / icons / hicolor / scalable / apps / brackets.svg / usr / share / icons / hicolor / scalable / apps /
Якщо ми вже зробили установку так, як я вам показав раніше, нам доведеться виконати в терміналі:
$ sudo rm -Rv /usr/lib/brackets
Тепер нам доведеться змінити або створити файл /usr/share/applications/brackets.desktop так що це виглядає так:
[Запис на робочому столі] Назва = Дужки Тип = Категорії додатків = Exec програми = / opt / дужки / Дужки% U Піктограма = дужки MimeType = текст / html;
Як би там не було, всередині папки / opt / дужки приходить оригінальний файл. Ось і все, ми можемо бігати Кронштейни з меню. Якщо у вас виникли проблеми із запуском, прочитайте попередню статтю про те, як встановити Дужки в Arch Linux вручну.
Як отримати SublimeText3?
У випадку SublimeText, нам просто потрібно піти до вашого офіційний сайт і завантажте версію відповідно до нашої архітектури. Потім ми десь розпаковуємо завантажений файл і, щоб SublimeText був доступний у меню програм, ми створюємо файл /usr/share/applications/sublimetext3.desktop і ми поміщаємо всередину:
[Запис на робочому столі] Версія = 3.0 Тип = Назва програми = Піднесений текст 3 GenericName = Текстовий редактор Коментар = Складний текстовий редактор коду, розмітки та прози Exec = / home / elav / Linux / Packages / Development / SublimeText3 / sublime_text% F Terminal = помилковий MimeType = текст / звичайний; Icon = / home / elav / Linux / Packages / Development / SublimeText3 / Icon / 256x256 / sublime-text.png Категорії = TextEditor; Розробка; StartupNotify = true Дії = Вікно; Документ; [Вікно дії на робочому столі] Name = Нове вікно Exec = / home / elav / Linux / Packages / Development / SublimeText3 / sublime_text -n OnlyShowIn = Unity; [Документ для робочого столу] Name = New File Exec = / home / elav / Linux / Packages / Development / SublimeText3 / sublime_text --command new_file OnlyShowIn = Unity;
Звичайно, вони повинні змінити маршрут / home / elav / Linux / Пакети / Розробка / за папкою, де вони розпаковані SublimeText3. Усередині папки Sublime також знаходиться файл .desktop.
Інтерфейс
Інтерфейс обох редакторів дуже схожий. Панель ліворуч із Проектами та відкритими файлами, меню вгорі з параметрами редактора, хоча у випадку з дужками воно з’явиться над областю редагування.
Щось, що мені подобається SublimeText є Міні-карта що з'являється з правого боку області редагування, що дозволяє нам легко пересувати весь документ. Але, як я вже говорив на початку, в Кронштейни Ви також можете завдяки розширенням.
SublimeText Це також дозволяє нам змінити зовнішній вигляд області редагування завдяки ряду стилів, які вже включені за замовчуванням, а також встановити наші уподобання як користувача та найголовніше, наші комбінації клавіш.
І вгадайте що? Ну, розширення Кронштейни що дозволяють нам робити те саме:
Продуктивність
Завантаження SublimeText3 набагато швидше, ніж у КронштейниЯ б сказав, що це майже миттєво. Кронштейни він працює швидко, особливо з часу останньої версії (весна 29), але для завантаження проекту, який ми залишили відкритим раніше, потрібно кілька тисячних частки секунди.
При відкритті двох файлів в обох редакторах, споживання SublimeText трохи вище ніж Кронштейни, і це залишається таким із використанням кожного з них.
Юзабіліті
Миттєво, розглядаючи кожне меню, ми усвідомлюємо це SublimeText у вас є набагато більше варіантів, ніж Кронштейни. Як я вже згадував раніше, це дає нам більше комбінацій клавіш та можливість змінювати та налаштовувати їх за замовчуванням. Обидва поділяють більшість із них, наприклад коментують рядок за допомогою Ctrl+/.
SublimeText має вії (Кронштейни роблять це з подовжувачем, хоча він не дуже відполірований), що значно полегшує нам переміщення між нашими файлами, не переходячи на бічну панель.
Але Кронштейни У ньому є щось, що я любив, і це робить його дуже, дуже продуктивним.
En Кронштейни Коли ми редагуємо HTML-файл і хочемо відредагувати CSS-код тегу або JS-код, нам не потрібно відкривати для нього файл .css або .js. Ми лише кладемо курсор на мітку для редагування та натискаємо Ctrl + E. І подивіться, що відбувається:
Як бачите, відображається область, яка показує нам код CSS, пов'язаний з цим тегом. Там ми можемо редагувати та зберігати його, не відкриваючи оригінальний файл .css.
Крім того, у всіх файлах .css буде показано, що стиль застосовано до зазначеного тегу та в рядку, де застосовано стиль.
Ще одна деталь, яка мені подобається SublimeText на Кронштейни, полягає в тому, що коли ми ставимо себе на відкриваючий чи закриваючий тег, він повідомляє нам, який з них відповідає йому або в кінці, або на початку. SublimeText це також дозволяє згорнути батьківський тег та його вміст.
Інші функціональні можливості SublimeText Мені подобається можливість впорядкувати текст за алфавітом, дуже корисно, коли ми хочемо, щоб наш файл .css був добре впорядкований.
Автозаповнення
Ще один момент на користь Кронштейни - це автозаповнення, що набагато краще, ніж SublimeText з двох причин: Покажіть пропозицію, як ви BlueFish і він має більше опцій автозавершення (властивості CSS та теги HTML).
Що якщо Кронштейни за замовчуванням він не закриває фігурні дужки {} автоматично, але ми легко вирішуємо це в Меню »Редагувати» Автоматично заповнювати дужки. І готовий.
Розширення
Обидва редактори мають розширення, які можна відносно легко встановити. У випадку SublimeText, є крутий плагін під назвою Контроль пакетів що дозволяє нам дуже легко встановити решту розширень.
Єдина проблема, яку я виявляю, полягає в тому, що я не знаю, як це зробити вручну, тобто завантажити розширення з Інтернету в окремий файл, а не безпосередньо з редактора.
Справа не в тому, що ви не можете, просто в цьому Кронштейни це простіше. Нам просто потрібно відкрити Менеджер розширень і ми можемо побачити ті, які ми встановили, або ті, які ми можемо встановити:
Ми також можемо увійти до каталогу de Розширення, завантажте .zip, розпакуйте їх і помістіть всередину ~ / .Brackets / extensions / user /. Ми перезапускаємо редактор і все.
Інтернет-видання
Ця функціональність відмінна, хоча я не використовую її взагалі, тому я не можу дати об’єктивний критерій щодо неї. Теоретично, використовуючи Chromium + Node.js, зміни, які ми вносимо у наші файли HTML і CSS, можуть автоматично відображатися у браузері.
Відкриються дужки a живий зв’язок у вашому локальному браузері, і він надсилатиме зміни до файлу CSS під час введення тексту! Ось як легко це описують хлопці з Брекетс.
На даний момент Brackets підтримує лише розробку в реальному часі для CSS. Однак у поточній версії зміни у файлах HTML та JavaScript автоматично виявляються та перезавантажуються у браузері під час збереження. Наразі ми працюємо над додаванням підтримки для розробки в реальному часі HTML та JavaScript. Крім того, автоматичні оновлення можливі лише в Google Chrome, але ми сподіваємось, що найближчим часом ця функція буде доступна у всіх основних браузерах.
Швидкий перегляд
Для тих, хто ще не запам'ятав кольорові еквіваленти між HEX та RGB, Кронштейни дозволяє точно і швидко побачити, який колір використовується.
І в CSS, і в HTML просто наведіть курсор на будь-яке значення кольору або градієнта та Кронштейни автоматично покаже його попередній перегляд.
Те саме стосується зображень: просто наведіть курсор на адресу зображення в Кронштейни, і він покаже його ескіз.
Висновки
Хоча це лише короткий огляд обох редакторів, який із них найкращий?
Можливо, ви помітили, що я віддаю перевагу Кронштейни, але лише за те, що це з Відкрите джерело і новий спосіб швидшого редагування CSS. Але йому ще потрібно пройти довгий шлях, щоб пережити SublimeText, як у функціональності, так і в стабільності.
Розвиток Кронштейни він дуже активний і вдосконалюється з кожною новою версією, тому я всі свої очікування від нього. Але це не можна заперечувати SublimeText Йому потрібно пройти довгий шлях, і це видно із його використанням. Я усвідомлюю, що не використовую навіть половину речей, які він пропонує.
Той факт, що за ліцензію потрібно платити SublimeText немає проблем, можна використовувати без нього. Це чудовий редактор, можливо, найкращий, який я використовував до цього часу, але все залежить від смаку та вибору кожного. На даний момент я використовую обидва, і тому я бачу еволюцію Кронштейни, що багато обіцяє.