Як налаштувати Atom для веб-розробки частина 2

Я готував допис про налаштування Atom, як змінити мову Atom на іншу, тому вирішив написати про це статью швидкої відповіді.

Нативно Atom не підтримує кілька мов, тому щоб змінити мову Atom, вам потрібно встановити зовнішній пакет під назвою atom-i18n і змінити мову на будь-яку мову, якою ви розмовляєте.

Я перевірив цей пакунок і помітив, що переклад не зовсім зроблений, але він допомагає тим, хто цього потребує, тому що, швидше за все, Atom не запропонує рідну підтримку інших мов.

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

На той час, коли я пишу цей пост, це найкраща альтернатива, хоча деякі мови перекладені лише на 80%.

Встановити за допомогою apm:

Якщо у вашому терміналі є apm (диспетчер пакетів Atom), ви можете запустити таку команду оболонки:

apm install atom-i18n

Встановіть через інтерфейс Atom:

Щоб встановити за допомогою інтерфейсу Atom, перейдіть до інсталяції пакетів і тем:

Використовуйте Ctrl + Shift + P (Windows / Linux) або Cmd + Shift + P (Mac) і введіть «Пакети», перейдіть до «Перегляд налаштувань: встановлення пакетів і тем».
Або в меню пакетів натисніть «Встановити».

Введіть atom-i18n і натисніть «Встановити».

 

Зміна мови

Після того, як ви щойно встановили пакет, клацніть Параметри над пакетом atom-i18n.

У меню налаштувань пакета прокрутіть униз до Мова та змініть мову.

З’явиться спливаюче вікно з проханням перезапустити Atom. Натисніть на Перезавантажити.

Готово, ваш Atom перекладено!

Що означає i18n?

Термін i18n завжди з’являється, якщо предметом є переклад програмного забезпечення і означає інтернаціоналізація. Це тому, що воно починається на «I», потім за ним йдуть 18 літер, поки воно не закінчується на «N». Аналогічно з l10n, який скорочує слово Локалізація.

Крім використання акронімів (коли слово скорочується його ініціалами), з’явився термін «нумеронім» для скорочення слів за допомогою цифр. Концепція працює або для ініціалів з кількох слів (наприклад, W3C – World Wide Web Consortium), або для тіла довгого слова (i18n, l10n).

Переклад синтаксису та автозаповнення

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

Пакет atom-i18n вам у цьому не допоможе. На жаль, такий переклад є те, що не є частиною ядра Atom (і, ймовірно, будь-якого іншого редактора), і я не бачу жодної можливості, щоб це було реалізовано в майбутньому, оскільки немає достатньої підстави зберігати те саме офіційна документація мови програмування кількома мовами, коли майже всі використовують англійську.

Тоді найкраще звикнути до англійської.

 

Налаштуваня зовнішнього вигляду

Крок 1 Термінал

На початку я розділив робочу область редактора по горизанталі. Для цього потрібно перейти в: View >> Panes >> Split Down     також є і гарачі клаваші (Ctrl+K Down). В нижній половині відкриваю X Terminal (як його встановити є у попередній статьї під назвою “Як налаштувати Atom для веб-розробки“).

Крок 2 Робочі панелі

Після установки терміналу в нижній частині,я зайлаюсь налаштуваням робочих панелей редактору. Так як в сучасній Верстці сайтів потрібно працювати не тільки із HTML і CSS а також із JS, тот для себе я прийняв рішеня розділити робочу область на 3 частини для кожної мови окремо. І за декілька годин експерементів я налаштував днамічні вкладки:

1 активна панель займає приблизно 70% від всього простору(видно на фото вище).

2 а не активні вкладки займать 30% простору області редактора.

3 коли я клікаю на не активну вкладку вона стає активною і займає облачть основної(тобто приблизно 70%).

Мої налаштування :

.left .pane {
  flex-grow: 1 !important;
}

.bottom .pane {
  flex-grow: 1 !important;
}

.pane {
  flex-grow: 0.3 !important;
}

.active {
  flex-grow: 1.7 !important;
}

Їх можно в становити в Atom через встановку власного CSS коду. переходимо в Edin >> Stylesheet…  і в відктому файлі  styles.less   вствавляємо той код який я залишив вище.

висновок

Ура, Ви успішно налашвали Atom  для комфортної верстки. А також Ви можете налаштовувати свій редактор коду Atom у своєму Linux Mint 20 .