Quanto ao Jazz Até Seu Terminal Bash – Um Guia passo a Passo Com Imagens

por rajaraodv

neste blog eu vou passar os passos para adicionar Temas, Powerline, fontes, e powerline-gitstatus para fazer o seu regular Bash Terminal olhar bonito e útil, como mostrado na imagem acima.

acontece que, se você está usando Mac, você vai precisar saltar através de um monte de aros para que isso funcione como muitas instruções são para linux, ou estão fora de data. Então pensei em escrever um blog sobre isso-espero que te ajude.

Notes:
1. Siga os passos com cuidado, pois qualquer erro causará muitas dores de cabeça.
2. Isto é para o MacOS e para a festa normal no Terminal.aplicacao. Eu não estou usando ZSH ou Hyper neste blog — eu planeio escrever blogs diferentes para eles.
3. As minhas versões: Mac High Sierra; git version 2.14.3 (Apple Git-98); Python 2.7.10

OK, por omissão, quando tiver um novo mac, o seu Terminal.app vai se parecer com algo abaixo. Vamos adicionar temas, fontes, e assim por diante.

Passo 1 — Adicionar Um Novo Tema

O primeiro passo óbvio é reforçar o Tema. O Terminal não oferece todos os temas legais e chiques que você vê outros desenvolvedores usar. Vamos baixar um tema e adicioná-lo ao Terminal.

neste blog, vou adicionar tema Solarizado-escuro ao nosso Terminal.

Nota: poderá obter vários temas (.ficheiros de terminal) deste acordo git. Simply open the *.terminal file to install it, i.e. right-click on the *.terminal file > "open with" > Terminal

  1. Go to http://ethanschoonover.com/solarized
  2. Scroll down and download the Theme (solarized.extrair o solarizado.ficheiro zip
  3. abra o terminal osx.pasta-Cores-solarizada da aplicação. Esta pasta contém o tema do terminal.
  4. double click ” Solarized Dark ansi.ficheiro ” terminal — Este é o ficheiro de tema específico para o Terminal.aplicacao. Nota: Se receber um aviso de que este é de um programador não identificado, carregue com o botão direito no ficheiro e seleccione a opção “Abrir com” > Terminal.
  5. Neste ponto, você tem o tema instalado no seu Terminal. Só precisamos torná-lo um tema padrão.
  6. Open Terminal > Preferências > texto e seleccione o tema” Solarizado escuro … “e carregue em”Default”.

a Partir de agora, o Terminal deve, como abaixo.

Passo 2 — Instalar o Powerline

Powerline é um aplicativo Python e é uma linha de status como um plugin para o vim, e fornece linhas de status e prompts para diversas outras aplicações, incluindo o zsh, bash, o tmux, IPython, Incrível e Qtile.

faz com que a prompt Terminal se pareça com o que está em baixo.

2.1 Instalar o Python

Devido a Powerline é um aplicativo Python, precisamos ter o Python e que também uma versão apropriada do Python.

  • MacOS vem com Python já instalado. Certifique-se de que a versão do Python é 2.7.x digitando python -V no Terminal.
  • Se não 2.7, instalar o Homebrew que permite instalar diversos softwares a partir da CLI, executando o comando:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • Executar brew install python para instalar o mais recente do Python via Homebrew

2.2 Instalar o pip — Um gerenciador de pacotes para Python (semelhante a npm)

Instalar pip executando o seguinte comando

$ sudo easy_install pip

2.3 Instale Ferramentas de CLI do desenvolvedor XCode

As ferramentas de CLI do desenvolvedor XCode são usadas pela Powerline e outros aplicativos que manipulam recursos do OSX. Então certifique-se de instalar as ferramentas de CLI XCode executando o seguinte comando.

$ xcode-select —-install

Nota: o comando acima abre o instalador do Mac e instala as ferramentas de CLI do programador do XCode. Se não funcionar, tente xcode-select -r reiniciar.

2.4 instalar Powerline

finalmente, instalar a Powerline (versão estável) via pip executando o seguinte comando.

$ pip install --user powerline-status

Se você deseja instalar o mais recente ramo de desenvolvimento e, em seguida, use:

$ pip install --user git+git://github.com/powerline/powerline //dev

2,5 Adicionar o Powerline daemon para bash

agora precisamos adicionar o Powerline daemon do bash para que ele possa monitorar o Terminal de comandos e fazer alterações.

2.5.1 copiar a localização da instalação da linha eléctrica

pode descobrir a localização da linha eléctrica rodando o seguinte: pip show powerline-status copiar o valor do campo Location

2.5.2 Adicione o daemon com um local adequado para .bash_ profile

  1. certifique-se que tem .bash_profile ficheiro na sua pasta de base. If not following create one by doing: cd ~ && touch ~/.bash_profile

2. Abrir .bash_profile e adicione o seguinte:

export PATH=$PATH:$HOME/Library/Python/2.7/binpowerline-daemon -qPOWERLINE_BASH_CONTINUATION=1POWERLINE_BASH_SELECT=1. /Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/bindings/bash/powerline.sh
Alguns detalhes sobre bash_profile

Nota: A localização / Usuários / rupa/Library/Python/2.7/lib/python/ site-packages / é da etapa anterior (2.5.1). Muda-o para corresponder à localização do teu computador.

2.5.3. Reiniciar o Terminal

saia completamente do Terminal se estiver aberto (Terminal > sair do Terminal). E abre-a outra vez.

Você deve ser capaz de simplesmente usar $ source ~/.bash_profile para atualizar as configurações. Mas eu tenho algum estranho powerline-config arquivo está faltando! Normalmente, obtém este erro se não tiver $HOME/Library/Python/2.7 / bin no seu caminho.

2.5. 4 o seu novo Terminal

O Seu novo Terminal deverá ter a seguinte aparência. Ele deve estar usando o tema “Solarized Dark ansi” e deve mostrar Powerline na linha de comandos. Mas também notam que há “?”personagens! Isto porque o Powerline usa vários ícones e fontes que não estão disponíveis por padrão. Então precisamos instalar as fontes.

Passo 3 — Instalar rede Elétrica de fontes

Para instalar o Powerline fontes, simplesmente vá para https://github.com/powerline/fonts. Lá você vai ver um monte de pastas. Cada um é um tipo de letra, também conhecido como”tipos de letra remendados”.

é chamado de “tipos de letra remendados” porque as pessoas tomaram tipos de letra regulares e adicionaram/remendaram ícones e tipos de letra específicos adicionais da Powerline.

3.1 Baixar todo o repositório e descompacte-o

  • Clique em “Clonar ou fazer o download” e baixar todo o repositório, então você tenta de várias fontes.
  • Desaperte o ‘fonts-master’.zip

3.2 Instale alguns tipos de letra

vamos abrir a pasta de tipos de letra pontilhados Meslo. Vai parecer abaixo. Vais ver um monte deles .ficheiro ttf. Cada um deles é uma fonte, mas alguns são “negrito” versão da fonte, alguns são “regular” versão e assim por diante.

basta clicar duas vezes sobre o .TTF file e carregue em” Instalar o tipo de letra ” para instalar o tipo de letra no seu computador.

para o nosso caso, vamos instalar ” Meslo LG L DZ Regular para Powerline.ttf ” e ” Meslo LG L DZ Italic for Powerline.ttf”. Isto irá adicionar uma versão regular e itálico do tipo de letra Meslo.

3.3 seleccione a fonte no tema do Terminal

lembre-se que adicionámos o tema “escuro Solarizado” no Passo 1? Que não tinha nenhuma fonte nele e MacOS tinha algum tipo de fonte padrão. Tudo o que precisamos fazer é definir nossa fonte pontilhada Meslo para este tema e estamos feitos!

  1. Abra o Terminal > Preferências > > Texto
  2. Seleccione Solarized Escuro ansi Tema
  3. Clique em “tipo de Letra” botão — Isso abre “Fontes” de diálogo
  4. Em “Fontes” de diálogo, selecione “Meslo LG L DZ para Powerline” na Família e também seleccionar o tamanho de letra 14 (assim é mais fácil de ler).

3.4 Reiniciar o Terminal

encerrar Completamente o Terminal (Terminal > Saia do Terminal) e, em seguida, volte a abri-lo.

Passo 4 — Adicionar o Git informações para o prompt

para mostrar vários Git status na linha de comandos, precisamos instalar o powerline-gitstatus. É um add-on simples ao Powerline e adiciona várias cores e temas para exibir várias informações de Estado git.

PS: estaremos lidando com arquivos em “esquemas de cores” e “temas” pastas

4.1 Install powerline — gitstatus

pip install --user powerline-gitstatus

Nota: o comando “- user” é necessário para o instalar no perfil do utilizador.

4.2 Adicionar powerline-gitstatus esquemas de cores para Powerline

4.2.1 Abrir o seguinte colorschemes/shell/default.json pasta

${powerline-install-directory}/powerline/config_files/colorschemes/shell/default.json//For example:/Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/config_files/colorschemes/shell/default.json

4.2.2 Adicionar as cores a seguir:

Como mencionado no powerline-gitstatus leiame. PS: basta copiar as cores dentro de “grupos” e, em seguida, adicioná-lo ao padrão.json como mostrado abaixo.

Clique para ampliar

Aqui é o meu esquemas de cores padrão.json (poderá copiar e colar isto em alternativa):

{"name": "Default color scheme for shell prompts","groups": {"hostname": {"fg": "brightyellow","bg": "mediumorange","attrs": },"environment": {"fg": "white","bg": "darkestgreen","attrs": },"mode": {"fg": "darkestgreen","bg": "brightgreen","attrs": },"attached_clients": {"fg": "white","bg": "darkestgreen","attrs": },"gitstatus": {"fg": "gray8","bg": "gray2","attrs": },"gitstatus_branch": {"fg": "gray8","bg": "gray2","attrs": },"gitstatus_branch_clean": {"fg": "green","bg": "gray2","attrs": },"gitstatus_branch_dirty": {"fg": "gray8","bg": "gray2","attrs": },"gitstatus_branch_detached": {"fg": "mediumpurple","bg": "gray2","attrs": },"gitstatus_tag": {"fg": "darkcyan","bg": "gray2","attrs": },"gitstatus_behind": {"fg": "gray10","bg": "gray2","attrs": },"gitstatus_ahead": {"fg": "gray10","bg": "gray2","attrs": },"gitstatus_staged": {"fg": "green","bg": "gray2","attrs": },"gitstatus_unmerged": {"fg": "brightred","bg": "gray2","attrs": },"gitstatus_changed": {"fg": "mediumorange","bg": "gray2","attrs": },"gitstatus_untracked": {"fg": "brightestorange","bg": "gray2","attrs": },"gitstatus_stashed": {"fg": "darkblue","bg": "gray2","attrs": },"gitstatus:divider": {"fg": "gray8","bg": "gray2","attrs": }},"mode_translations": {"vicmd": {"groups": {"mode": {"fg": "darkestcyan","bg": "white","attrs": }}}}}

4.3 Active o tema

4. 3. 1 Open Theme ‘ s default.JSON file

${powerline-install-directory}/powerline/config_files/themes/shell/default.json//For example:/Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/config_files/themes/shell/default.json

4.3.2 adicione o seguinte ao valor por omissão.json

{ "function": "powerline_gitstatus.gitstatus", "priority": 40}

Abaixo está o meu Powerline do Tema padrão.json(poderá copiar e colar isto em alternativa):

Nota: removi tudo da secção “direita” e também removi o “número de trabalho” (“jobnum”) para manter as coisas limpas. Caso contrário, você vai ver um pequeno artefato no lado direito do prompt.

{"segments": {"left": ,"right": }}

4.4 Reiniciar o Daemon

Salve o arquivo e execute o seguinte: powerline-daemon —-replace no Terminal.

Nota importante: Cada vez que fizer alterações na configuração do Powerline, para além de reiniciar o Terminal, também terá de reiniciar o servidor para ver as alterações reflectidas pela execução: powerline-daemon —-replace

4.5 Reiniciar O Terminal

Feche o Terminal (Terminal > Saia do Terminal) e abra-o novamente.

neste ponto, estamos todos acabados! Ufa! Se você abrir o Terminal, e navegar para qualquer repo git, e jogar ao redor, ele deve se parecer com o seguinte.

Aqui está como ele olha em Solarized-Luz Tema:

Aqui está como ele olha em Cobalt2 Tema:

?? Obrigada!

Se tiver perguntas, por favor, sinta-se à vontade para me perguntar no Twitter: https://twitter.com/rajaraodv

se isto foi útil, por favor clique no aplauso ? abotoe abaixo algumas vezes para mostrar o seu apoio! ⬇⬇⬇ ??

Meus Outros Posts

https://medium.com/@rajaraodv/latest

ECMAScript 2015+

  1. confira essas útil ECMAScript 2015 (ES6) dicas e truques
  2. 5 JavaScript “Bad” de Peças Que São Corrigidos No ES6
  3. É a “Classe” Em ES6 O Novo “Bad” Parte?

o Terminal de Melhorias

  1. Como ao Jazz Até Seu Terminal — Um Guia passo a Passo Com Imagens
  2. melhore o Seu “ZSH” Terminal Em Sete Etapas — Um Guia Visual

WWW

  1. Um Fascinante E Confuso História Da Web E JavaScript

Virtual DOM

  1. Funcionamento Interno Do Virtual DOM

Reagir de Desempenho

  1. Duas Maneiras Rápidas Para Reduzir a Reagir Aplicativo Tamanho Em Produção
  2. Usando Preact em Vez De Reagir

Programação Funcional

  1. JavaScript É Turing Completa — Explicou
  2. Programação Funcional Em JS — Com Exemplos Práticos (Parte 1)
  3. Programação Funcional Em JS — Com Exemplos Práticos (Parte 2)
  4. Por que Redux Necessidade de Redutores de Ser “Puro Funções”

WebPack

  1. Webpack — O Confuso Peças
  2. Webpack & Quente Substituição do Módulo (sob o capô)
  3. Webpack do HMR E Reagir-Quente-Carregador — A Falta de Manual

Projecto.js

  1. Why Draft.js e por que você deve contribuir com
  2. como rascunhar.js representa dados de texto ricos

Reat E Redux :

  1. Guia passo a Passo Para a Construção de Reagir Redux Aplicativos
  2. Um Guia Para a Construção de Uma Reagem Redux Aplicativo CRUD (3-página de aplicativo)
  3. Usando Middlewares Em Reagir Redux Aplicativos
  4. Adicionando Um Robusto Validação de Formulário Para Reagir Redux Aplicativos
  5. Fixação de Reagir Redux Apps Com JWT Tokens
  6. Manipulação de e-Mails Transacionais Em Reagir Redux Aplicativos
  7. A Anatomia De Um Reagir Redux App
  8. Por que Redux Necessidade de Redutores de Ser “Puro Funções”
  9. Duas Maneiras Rápidas Para Reduzir a Reagir Aplicativo Tamanho Em Produção

Se isto foi útil, por favor compartilhe! Obrigada! ??

Deixe uma resposta

O seu endereço de email não será publicado.