Поиск по сайту:

Hyper — красивый терминал, созданный с использованием HTML, CSS и JavaScript

Hyper — это красивое, современное и расширяемое приложение-терминал, созданное на основе таких веб-технологий, как HTML, CSS и JavaScript. Это терминал с широкими возможностями настройки и настройки, поэтому вы можете легко изменить внешний вид терминала с помощью различных тем, а также расширить его функциональность с помощью плагинов. Hyper Terminal — это кроссплатформенное электронное приложение с открытым исходным кодом. Он хорошо работает в операционных системах Linux, Mac OS и Windows.

Установить гипертерминал в Linux

Hyper Terminal доступен в виде пакета .deb для систем на базе Debian и пакета .rpm для систем на базе RHEL. Он также доступен в формате AppImage. Таким образом, вы можете установить его в любой дистрибутив Linux. Загрузите подходящий установочный файл для вашего дистрибутива Linux на странице релизов. На момент написания этого руководства последней версией была 3.0.2.

В Debian, Ubuntu и других системах на базе DEB загрузите и установите Hyper Terminal, как показано ниже:

wget https://github.com/vercel/hyper/releases/download/3.0.2/hyper_3.0.2_amd64.deb
sudo apt install gdebi
sudo gdebi hyper_3.0.2_amd64.deb

В RHEL, CentOS, Fedora:

wget https://github.com/vercel/hyper/releases/download/3.0.2/hyper-3.0.2.x86_64.rpm
sudo dnf localinstall hyper-3.0.2.x86_64.rpm

Для Arch Linux и его вариантов он доступен в AUR, поэтому установите его с помощью любых вспомогательных инструментов AUR, например Yay.

yay -S hyper

Hyper также доступен в виде пакета Nix. Вы можете установить его с помощью Менеджера пакетов Nix, как показано ниже:

nix-env -i hyper

В других дистрибутивах Linux загрузите файл AppImage:

wget https://github.com/vercel/hyper/releases/download/3.0.2/hyper-3.0.2-x86_64.AppImage

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

chmod +x hyper-3.0.2-x86_64.AppImage

Наконец, запустите его с помощью команды:

./hyper-3.0.2-x86_64.AppImage

Если вы установили его с помощью менеджера пакетов, как показано выше, запустите его из Dash или меню.

Запустить гипертерминал

Вот как выглядит Hyper Terminal на моем рабочем столе Ubuntu 20.04 LTS:

Гипер Терминал

Как видите, внешний вид Hyper-терминала по умолчанию прост и понятен. Хорошо, что мы можем настроить и изменить внешний вид по умолчанию на что-нибудь красочное и приятное для глаз!

Использование гипертерминала

В верхнем левом углу Hyper-терминала есть гамбургер-меню (три горизонтальные полосы). Нажав на нее, вы увидите несколько пунктов меню, таких как «Файл», «Редактировать», «Вид», «Плагины», «Окно», «Справка». Каждое меню содержит одно или несколько подменю, позволяющих выполнять различные операции щелчком мыши.

Меню гипертерминала

Вы также можете выполнять большинство операций из контекстного меню, вызываемого правой кнопкой мыши.

Контекстное меню щелчка правой кнопкой мыши в Hyper-терминале

Открыть новые вкладки/окна

Чтобы открыть новую вкладку в текущем окне терминала, нажмите CTRL+SHIFT+T. Переключаться между вкладками можно, нажимая CTRL+1, CTRL+2.... CTRL+9.

Открыть новые вкладки в гипертерминале

Чтобы открыть новое окно терминала, нажмите CTRL+SHIFT+N. Вы можете сделать это из контекстного меню, вызываемого правой кнопкой мыши.

Сплит-терминал

Кроме того, вы можете разделить окно терминала по горизонтали, по вертикали или по тому и другому одновременно. Для этого просто щелкните правой кнопкой мыши по терминалу и выберите «Разделить по горизонтали» или «Разделить по вертикали». Это удобно, если вы хотите одновременно запускать несколько задач/команд.

Сплит-гипертерминал

Настроить гипертерминал

Внешний вид терминала Hyper можно изменить, отредактировав его файл глобальной конфигурации ~/.hyper.js. Как вы уже догадались, файл конфигурации имеет формат JSON.

Чтобы открыть файл конфигурации гипертерминала, щелкните правой кнопкой мыши гипертерминал и выберите опцию «Настройки». Файл конфигурации откроется в текстовом редакторе по умолчанию.

Файл конфигурации гипертерминала

В этом файле конфигурации вы можете определить различные параметры или свойства, такие как;

  • размер шрифта, семейство шрифтов, вес шрифта,
  • высота линии,
  • Межбуквенное расстояние,
  • цвет курсора, форма курсора, мигание курсора,
  • цвета переднего плана/фона терминала,
  • показать/скрыть гамбургер-меню,
  • добавить собственный CSS,
  • устанавливать плагины и темы,
  • включить/отключить копирование при выборе,
  • включить/выключить звук звонка терминала,
  • и еще несколько.

Например, чтобы изменить размер шрифта, в файле .hyper.js необходимо изменить следующую строку, как показано ниже:

fontSize: 16,

Замените «16» на желаемый размер шрифта. Сохраните и закройте файл.

Изменить размер шрифта в гипертерминале

Как только вы сохраните изменения, размер шрифта будет автоматически обновлен. Посмотрите на следующие скриншоты:

Размер шрифта по умолчанию:

Размер шрифта Hyper Terminal по умолчанию

Вот как буквы появляются в моем терминале после изменения размера шрифта:

Размер шрифта в гипертерминале

Чтобы изменить семейство шрифтов, найдите и измените следующую строку, указав желаемое семейство шрифтов:

fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

По умолчанию будет использоваться первый шрифт. Если первый шрифт недоступен, будут использоваться последующие шрифты.

Еще одно примечательное свойство — «copyOnSelect:», которое позволяет копировать тест после выбора. По умолчанию эта функция отключена. Чтобы включить ее, найдите следующую строку и установите для нее значение «true».

copyOnSelect: true,

Не забудьте сохранить изменения.

Точно так же мы можем настроить другие параметры по своему вкусу. Все параметры говорят сами за себя, поэтому настроить гипертерминал не так уж и сложно.

Установите плагины и темы для Hyper Terminal

Hyper Terminal имеет множество интересных плагинов и тем для улучшения функциональности и внешнего вида вашего терминала.

Чтобы установить плагины, щелкните правой кнопкой мыши в любом месте окна терминала Hyper и выберите «Настройки». Теперь файл ~/.hyper.js загрузится в ваш редактор по умолчанию.

Найдите строку, которая начинается со свойства «plugins []», и добавьте плагины, которые вы хотите установить, как показано ниже:

plugins: [
    "hyper-snazzy",
    "hyper-systray",
    "hyper-opacity",
    "hyper-tab-icons",
    "hyperborder"
    ],

Установите плагины в Hyper-терминал

Сохраните изменения. Плагины будут автоматически установлены и включены.

Для просмотра изменений следует перезагрузить Гипертерминал. Для этого нажмите гамбургер-меню -> Вид -> Полная перезагрузка.

Вот как выглядит терминал Hyper после установки вышеуказанных плагинов:

Изменить тему гипертерминала

Красиво, не так ли? Есть еще много полезных плагинов, доступных здесь.

Установка тем аналогична описанной выше. Просто добавьте название темы в свойство «Плагины []». Например, я собираюсь добавить тему «Звездные войны». Для этого я добавил следующее в свойство «Плагины»:

plugins: [
    "hyper-snazzy",
    "hyper-systray",
    "hyper-opacity",
    "hyper-tab-icons",
    "hyperborder",
    "hyper-star-wars"
  ],

Нажмите кнопку «Сохранить» и перезагрузите терминал, чтобы просмотреть изменения.

Вот тема «Звездных войн» в действии:

Тема «Звездных войн» в Hyper Terminal

Список доступных тем можно найти здесь.

Чтобы удалить тему или плагин, просто удалите соответствующую строку из файла ~/.hyper.js. Сохраните изменения, и плагин/тема будет автоматически удален.

Управляйте темами и плагинами с помощью диспетчера плагинов Hyper.

Вместо того, чтобы возиться с файлом ~/.hyper.js, вы можете использовать «гипер»-менеджер плагинов для установки, списка, поиска и удаления плагинов и тем для вашего Hyper-терминала.

Например, чтобы установить «гиперчистую» тему, просто выполните следующую команду:

hyper install hyper-clean

Или, короче:

hyper i hyper-clean

Устанавливайте темы и плагины с помощью диспетчера плагинов Hyper.

Эта команда автоматически добавит запись в файл ~/.hyper.js и немедленно включит тему или плагин.

Чтобы просмотреть список установленных плагинов и тем, запустите:

hyper list

Или,

hyper ls

Пример вывода:

hyper-snazzy
hyper-systray
hyper-opacity
hyper-tab-icons
hyperborder
hyper-material-theme

Для поиска тем и плагинов выполните:

hyper search

Поиск тем и плагинов для гипертерминала

Чтобы удалить тему или плагин, например Hyper-material-theme, запустите:

hyper u hyper-material-theme

Или,

hyper uninstall hyper-material-theme

Или,

hyper rm hyper-material-theme

Или,

hyper remove hyper-material-theme

Чтобы получить помощь, запустите:

$ hyper --help

  Usage: hyper [options] [command]
  
  Commands:
  
    <default>                    Launch Hyper
    d, docs, h, home             Open the npm page of a plugin
    help                         Display help
    i, install                   Install a plugin
    ls, list                     List installed plugins
    lsr, list-remote, ls-remote  List plugins available on npm
    s, search                    Search for plugins on npm
    u, uninstall, rm, remove     Uninstall a plugin
    version                      Show the version of hyper
  
  Options:
  
    -h, --help     Output usage information
    -v, --verbose  Verbose mode (disabled by default)

Для получения более подробной информации о Hyper-терминале посетите веб-сайт проекта и страницу github. Также проверьте репозиторий "Awesome-hyper" на github, чтобы найти замечательные плагины, темы и ресурсы Hyper.

Есть еще много функций, о которых я пока не знаю. Я узнаю больше о Hyper-терминале и соответствующим образом обновлю это руководство.

Сейчас я использую терминал Deepin. После использования Hyper Terminal в течение последних нескольких дней он мне очень понравился. Думаю, я буду придерживаться этого какое-то время.

Вы уже пробовали это? Поделитесь своими мыслями по этому поводу в разделе комментариев ниже.

Ресурсы:

  • Репозиторий Hyper Terminal на GitHub
  • Веб-сайт гипертерминала

Связанное чтение:

  • Terminus — современный терминал на основе веб-технологий

Статьи по данной тематике