operator mono atom

operador-mono-átomo

Clone Mono do Operador Grátis para Atom

Uma maneira elegante de codificar!

Confira as capturas de tela.

Instalação

1. Instale fontes
2. Configure o átomo
3. Solução de problemas
4. Capturas de tela
5. JSX
6. Rubi
7. Elixir
8. Python

Instale fontes

Faça o download e instale a fonte do código FIRA em seu sistema. Instruções de instalação

Faça o download e instale a fonte Script12 BT em seu sistema da mesma maneira. Obrigado a @Kencrocken por encontrar esta fonte :)

A versão atual (último verificada em setembro de 2017) das fontes também pode ser encontrada neste repositório.

Configure o átomo

Ativar ligantes

Para usar o código FIRA corretamente, você precisa ativar as ligaduras. Existem duas maneiras de fazer isso, veja abaixo:

Ligaturas - Instalação rápida

Traga Atom e vá para Configurações> Temas. Pesquise o operador mono e instale.

Esse tema de sintaxe foi construído para suportar esse código FIRA, é construído do zero usando a paleta de itálico Oceanic Next e permitirá ligantes e fará certos atributos itálicos. Também será o seu tema.

Ligaturas - Instalação manual

Se você preferir usar seu próprio tema de sintaxe, você deve editar seus estilos.less e inserir estas linhas:

 atom-text-editor {
  text-rendering: optimizeLegibility;

  &.editor .syntax--string.syntax--quoted,
  &.editor .syntax--string.syntax--regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }
}

Habilitar a fonte do "operador mono"

Para ativar a fonte alternativa para a itálica, que provavelmente é o que você veio, você deve editar manualmente seus estilos styles.less

Se você tiver alguma preferências pessoais, como a aplicação do "Operador Mono" para comentários também, basta adicionar .syntax--comment na lista de seletor CSS.

Solução de problemas

Versão Atom

As instruções / código funcionam para as versões mais recentes do Atom (1.20.x) e Atom Beta (1.21.x). Verifique se o seu editor está atualizado.

Suas ligaduras não estão sendo aplicadas corretamente?

1. Em ambientes de editor, pode ser necessário inserir "código frue" em "Font Family"
2. Caça e desative pacotes interferentes que modificam fontes, como "fontes"

Capturas de tela

As capturas de tela abaixo são tiradas com o tema mono do operador.

JSX

Rubi

Elixir