5 melhores plugins emacs para desenvolvimento web

Como você está aqui, você já está usando o Emacs para edição de texto, possivelmente por e -mail e certamente para tarefas de codificação. Quando você começa a fazer o desenvolvimento sério da web, você deseja tantas vantagens possível. Aqui estão algumas ferramentas que farão com que sua experiência codifique a web usando o emacs.

Como diz o ditado, o Emacs é um sistema operacional sem um editor decente. Você pode configurar as coisas para que o Emacs execute todo o fluxo de trabalho para você, incluindo Git, compilação e muitas outras coisas.

Para que projeto da web você está buscando?

Esta lista é curta para você começar, não exaustivo. Depois de usar as dicas aqui, encontre a seção especial para suas estruturas e ferramentas especiais da web. A lista de ferramentas é tão longa que você só precisa encontrar seu próprio favorito.

A lista é dividida em seções para que você possa encontrar o que precisa melhorar em seu fluxo de trabalho. Aproveite sua codificação, lide com seus próprios erros e encontre bugs muito mais simples ao definir essas ferramentas corretamente.

Nesta lista, você nem encontrará nenhuma das ótimas ferramentas Python disponíveis para o Emacs. Essas ferramentas incluem um repl para que você possa testar o código interativamente. Você até tem um modo ipython, onde pode criar seu código com comentários.

Trechos preparados

Grande parte da programação envolve o uso de funções que têm uma estrutura especial. Um documento da web sempre tem uma e uma tag que deve ser fechada corretamente. Você sempre terá construções onde o código que deseja segue um formato especial para usar um trecho. Em EMACS, um dos melhores plugins é Yasnippets!

Yasnippets

Com Yasnippets, você define qual texto você precisa ter em seu código. Você também pode usar variáveis ​​e preencher o resultado como um formulário. Um plugin semelhante disponível para muitos editores é o modo Emmmet.

Emmet

EMMET-Modo é uma ferramenta em que uma abreviação cria todo o código. O primeiro exemplo em sua página da web mostra como você usa um asterisco para se multiplicar para obter uma lista. A sintaxe funciona semelhante ao CSS, mas é adaptado aos idiomas de marcação, incluindo HTML. Para estender a funcionalidade, você usa arquivos JSON. Nestes, você pode adicionar trechos que correspondem às suas necessidades mais próximas do que a ferramenta padrão.

Flycheck

Flycheck verificará seu código quanto a erros de sintaxe enquanto você digita. Para que isso funcione, você precisa de uma biblioteca ou kit de ferramentas subjacente que realmente conhece o idioma. Existem essas ferramentas para muitos idiomas. Para o desenvolvimento da web, procure ferramentas como html-tidy, jshint e pylint. Muitas outras ferramentas e idiomas são suportados. Esta é uma parte essencial de tornar o Emacs poderoso para o desenvolvimento de software.

Na sua configuração do EMACS, você também precisa adicionar o idioma específico com o qual você apoia. Os idiomas suportados são óbvios quando você verifica Melpa, ou qualquer outro site, para flycheck. Na verdade, é uma boa ideia verificar o que o flycheck pode fazer por você, independentemente do idioma que você está desenvolvendo. A variedade de idiomas é enorme!

Modo de edição ao vivo

Existem muitas maneiras de usar o Emacs para obter suas páginas da web para ficar bem e funcionar corretamente. Você também tem muitas maneiras de ver o resultado do seu código ao vivo em um navegador enquanto digita. Isso fornece feedback instantâneo sobre as alterações que você fez, tornando a depuração parte integrante do desenvolvimento do seu software. Uma solução para fazer isso é com o modo de espeto.

Modo de espeto

Modo de espeto configura seu diretório como uma página da web, mas localmente no seu sistema atual. Em seguida, inicia um servidor da web e serve o código para o navegador da web preferido. Com esta configuração, você tem o navegador mostrando a página na próxima janela. O servidor da web está configurado para recarregar a página assim que um arquivo é alterado. Sem compilar, transferir e reiniciar o servidor da web necessário.

JavaScript

Ao programar em JavaScript, você tem muitas armadilhas para tropeçar. Enquanto o flycheck verificará sua sintaxe, o modo JS2 fará o destaque da sintaxe ao mesmo tempo em que mostra erros de sintaxe ao digitar. Este modo é essencial para passar por muitos códigos para alcançar o resultado do seu sonho ao codificar em JavaScript.

Este modo também suporta JSX e fechamento.

Índio

Depois de ler tudo isso, você ficará satisfeito em saber que também pode encontrar pacotes que embalam tudo bem. Um dos melhores deles é o índio. Indium é realmente dividido em dois pedaços. Uma peça é o seu pacote EMACS disponível no Melpa; o outro é um pacote NPM. O pacote NPM é fácil de instalar usando o índio de instalação do NPM.'Depois que estes dois forem instalados, você precisa criar configurações no diretório do seu projeto, denominado' denominado '.índio.JSON '. Os requisitos são modestos nos nodejs, mas são rigorosos. Também percebe o cromo para o trabalho, já que todas as ferramentas de depuração vêm de lá.

Conclusão

Para começar com o desenvolvimento da web, você pode pensar que precisa de um IDE sofisticado. Onde mais você pode obter todos os sinos e assobios? Em Emacs, é onde você pode encontrá -los. Usar essas ferramentas e muito mais o levará muito longe, e você provavelmente não precisa de outra ferramenta para fazer ótimas páginas da web! No entanto, se você não concordar com algumas dessas ferramentas, existem muitas ferramentas incríveis disponíveis para o emacs se você olhar em volta. Um bom ponto de partida está disponível no Github e é de fato chamado 'Awesome Emacs.'