Pesquisa de site

Hyper – um belo terminal construído com HTML, CSS e JavaScript

Hyper é um aplicativo Terminal bonito, moderno e extensível construído em tecnologias da web como HTML, CSS e JavaScript. É um Terminal altamente personalizável e configurável, para que você possa alterar facilmente a aparência do seu Terminal com diferentes temas e também estender sua funcionalidade com plug-ins. O Hyper terminal é um aplicativo baseado em elétrons de código aberto e multiplataforma. Funciona bem nos sistemas operacionais Linux, Mac OS e Windows.

Instale o Hyper Terminal no Linux

O Hyper Terminal está disponível como pacote .deb para sistemas baseados em Debian e como pacote .rpm para sistemas baseados em RHEL. Também está disponível no formato AppImage. Portanto, você pode instalá-lo em qualquer distribuição Linux. Obtenha o arquivo de instalação adequado para sua distribuição Linux na página de lançamentos. No momento da redação deste guia, a versão mais recente era 3.0.2.

No Debian, Ubuntu e outros sistemas baseados em DEB, baixe e instale o Hyper Terminal como abaixo:

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

No 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

Para Arch Linux e suas variantes, ele está disponível em AUR, então instale-o usando qualquer ferramenta auxiliar do AUR, por exemplo Yay.

yay -S hyper

O Hyper também está disponível como pacote Nix. Você pode instalá-lo usando o gerenciador de pacotes Nix como abaixo:

nix-env -i hyper

Em outras distribuições Linux, baixe o arquivo AppImage:

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

Vá para o local do download e torne-o executável:

chmod +x hyper-3.0.2-x86_64.AppImage

Finalmente, inicie-o usando o comando:

./hyper-3.0.2-x86_64.AppImage

Se você o instalou usando o gerenciador de pacotes conforme mostrado acima, inicie-o no Dash ou Menu.

Inicie o Hiper Terminal

Esta é a aparência do Hyper Terminal em meu desktop Ubuntu 20.04 LTS:

Hiper terminal

Como você pode ver, a aparência padrão do terminal Hyper é simples e limpa. O bom é que podemos personalizar e alterar a aparência padrão para algo colorido e atraente!

Uso do hiperterminal

Há um menu hambúrguer (três barras horizontais) no canto superior esquerdo do terminal Hyper. Ao clicar aqui, você verá alguns itens de menu como Arquivo, Editar, Exibir, Plugins, Janela, Ajuda. Cada menu contém um ou mais submenus que permitem realizar diferentes operações com um clique do mouse.

Menu do hiperterminal

Você também pode realizar a maioria das operações no menu de contexto do botão direito.

Clique com o botão direito no menu de contexto no Hyper terminal

Abra novas abas/janelas

Para abrir uma nova aba na janela atual do terminal, pressione CTRL+SHIFT+T. Você pode alternar entre as guias pressionando CTRL+1, CTRL+2 .... CTRL+9.

Abra novas guias no hiperterminal

Para abrir uma nova janela de terminal, pressione CTRL+SHIFT+N. Você pode fazer isso clicando com o botão direito no menu de contexto.

Terminal dividido

Além disso, você pode dividir a janela do Terminal horizontalmente ou verticalmente ou ambos ao mesmo tempo. Para fazer isso, basta clicar com o botão direito no terminal e escolher “Dividir Horizontalmente” ou “Dividir Verticalmente”. É útil quando você deseja executar várias tarefas/comandos simultaneamente.

Hiperterminal dividido

Configurar o hiperterminal

A aparência do terminal Hyper pode ser alterada editando seu arquivo de configuração global ~/.hyper.js. Como você já deve ter adivinhado, o arquivo de configuração está no formato JSON.

Para abrir o arquivo de configuração do hiperterminal, clique com o botão direito no hiperterminal e clique na opção "Preferências". O arquivo de configuração será aberto em seu editor de texto padrão.

Arquivo de configuração do hiperterminal

Neste arquivo de configuração, você pode definir vários parâmetros ou propriedades como;

  • tamanho da fonte, família da fonte, peso da fonte,
  • altura da linha,
  • espaçamento entre letras,
  • cor do cursor, formato do cursor, piscar do cursor,
  • cores de primeiro plano/fundo do terminal,
  • mostrar/ocultar menu de hambúrguer,
  • adicione CSS personalizado,
  • instalar plug-ins e temas,
  • ativar/desativar cópia na seleção,
  • ativar/desativar o som da campainha do terminal,
  • e mais alguns.

Por exemplo, para alterar o tamanho da fonte, a seguinte linha deve ser modificada no arquivo .hyper.js conforme abaixo:

fontSize: 16,

Substitua “16” pelo tamanho de fonte desejado. Salve e feche o arquivo.

Alterar o tamanho da fonte no hiperterminal

Assim que você salvar as alterações, o tamanho da fonte será atualizado automaticamente. Dê uma olhada nas seguintes capturas de tela:

Tamanho de fonte padrão:

Tamanho da fonte padrão do hiper terminal

É assim que as letras aparecem no meu Terminal após alterar o tamanho da fonte:

Tamanho da fonte no hiper terminal

Para alterar a família de fontes, encontre e modifique a seguinte linha com a família de fontes desejada:

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

A primeira fonte será usada por padrão. Se a primeira fonte não estiver disponível, as fontes subsequentes serão usadas.

Outra propriedade notável é "copyOnSelect:, que permite copiar o teste após a seleção. Por padrão, esse recurso está desabilitado. Para habilitá-lo, encontre a linha a seguir e defina seu valor como "true".

copyOnSelect: true,

Não se esqueça de salvar as alterações.

Da mesma forma, podemos personalizar outros parâmetros conforme nossa preferência. Todas as opções são autoexplicativas, por isso não é tão difícil configurar o hiperterminal.

Instale plugins e temas para Hyper Terminal

O Hyper terminal tem muitos plug-ins e temas interessantes para aprimorar a funcionalidade e a aparência do seu terminal.

Para instalar plug-ins, clique com o botão direito em qualquer lugar da janela do Hyper terminal e escolha "Preferências". Agora o arquivo ~/.hyper.js será carregado em seu editor padrão.

Encontre a linha que começa com a propriedade "plugins []" e adicione os plugins por aquele que você deseja instalar como abaixo:

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

Instale plug-ins no terminal Hyper

Salve as alterações. Os plug-ins serão instalados e ativados automaticamente.

Para visualizar as alterações, você deve recarregar o terminal Hyper. Para fazer isso, clique no menu hambúrguer -> Visualizar -> Recarga completa.

Esta é a aparência do terminal Hyper após a instalação dos plug-ins acima:

Alterar tema do hiperterminal

Lindo, não é? Existem muitos outros plug-ins úteis disponíveis aqui.

A instalação de temas é igual à anterior. Basta adicionar o nome do tema na propriedade "Plugins []". Por exemplo, vou adicionar o tema "Star Wars". Para fazer isso, adicionei o seguinte na propriedade "Plugins":

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

Clique no botão salvar e recarregue o terminal para visualizar as alterações.

Aqui está o tema Star Wars em ação:

Tema de Star Wars no Hyper Terminal

Você pode encontrar a lista de temas disponíveis aqui.

Para remover um tema ou plugin, basta remover a linha correspondente do arquivo ~/.hyper.js. Salve as alterações e o plugin/tema será removido automaticamente.

Gerencie temas e plug-ins usando o gerenciador de plug-ins Hyper

Em vez de mexer no arquivo ~/.hyper.js, você pode usar o gerenciador de plug-ins "hyper" para instalar, listar, pesquisar e remover plug-ins e temas para o seu terminal Hyper.

Por exemplo, para instalar o tema “hyper-clean”, basta executar o seguinte comando:

hyper install hyper-clean

Ou, brevemente:

hyper i hyper-clean

Instale temas e plugins usando o gerenciador de plugins Hyper

Este comando adicionará automaticamente uma entrada no arquivo ~/.hyper.js e ativará o tema ou plugin imediatamente.

Para listar os plugins e temas instalados, execute:

hyper list

Ou,

hyper ls

Exemplo de resultado:

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

Para pesquisar temas e plugins, faça:

hyper search

Pesquise temas e plug-ins para hiperterminal

Para remover um tema ou plugin, por exemplo tema hipermaterial, execute:

hyper u hyper-material-theme

Ou,

hyper uninstall hyper-material-theme

Ou,

hyper rm hyper-material-theme

Ou,

hyper remove hyper-material-theme

Para obter ajuda, execute:

$ 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)

Para mais detalhes sobre o Hyper terminal, verifique o site do projeto e a página do github. Verifique também o repositório "Awesome-hyper" do github para dplug-ins, temas e recursos maravilhosos do Hyper.

Existem muitos outros recursos que ainda não conheço. Aprenderei mais sobre o Hyper terminal e atualizarei este guia de acordo.

Estou usando o Deepin Terminal agora. Depois de usar o Hyper terminal nos últimos dias, gostei bastante. Acho que vou continuar com isso por um tempo.

Você já experimentou? Coloque sua opinião sobre isso na seção de comentários abaixo.

Recursos:

  • Repositório GitHub do Hyper Terminal
  • Site do hiperterminal

Leitura relacionada:

  • Terminus - Um terminal moderno baseado em tecnologia Web

Artigos relacionados