5 migliori plugin EMACS per lo sviluppo web

Dato che sei qui, stai già usando EMACS per l'editing di testo, possibilmente per e -mail e sicuramente per le attività di codifica. Quando inizi a fare un serio sviluppo web, vuoi tutti i vantaggi possibile. Ecco alcuni strumenti che renderanno la tua esperienza di codifica per il web utilizzando EMACS.

Come dice il proverbio, Emacs è un sistema operativo privo di un editore decente. Puoi impostare le cose in modo che Emacs gestisca l'intero flusso di lavoro per te, tra cui Git, compilazione e molte altre cose.

A quale progetto web stai puntando?

Questo elenco è breve per iniziare, non esaustivo. Dopo aver utilizzato i suggerimenti qui, trova la sezione speciale per i tuoi quadri e strumenti Web speciali. L'elenco degli strumenti è così lungo che devi solo trovare il tuo preferito.

L'elenco è diviso in sezioni in modo da poter trovare ciò che devi migliorare nel flusso di lavoro. Goditi la codifica, gestisci i tuoi errori e trova i bug molto più semplici quando si imposta correttamente questi strumenti.

In questo elenco, non troverai nemmeno nessuno dei grandi strumenti Python disponibili per EMACS. Tali strumenti includono un repl in modo da poter testare il codice in modo interattivo. Hai anche una modalità Ipython, in cui puoi creare il tuo codice con commenti.

Frammenti preparati

Gran parte della programmazione prevede l'uso di funzioni che hanno una struttura speciale. Un documento Web ha sempre un e un tag che deve essere chiuso correttamente. Avrai sempre costrutti in cui il codice che desideri segue un formato speciale per utilizzare uno snippet. In Emacs, uno dei migliori plugin è Yasnippets!

Yasnippets

Con Yasnippets, definisci quale testo devi avere nel tuo codice. È inoltre possibile utilizzare le variabili e compilare il risultato come modulo. Un plug-in simile che è disponibile per molti editori è la modalità EMMMET.

Emmet

Emmet-Mode è uno strumento in cui un'abbreviazione crea l'intero codice. Il primo esempio sulla loro pagina web mostra come si utilizza un asterisco per moltiplicare per ottenere un elenco. La sintassi funziona in modo simile a CSS, ma è adattata ai linguaggi di markup, incluso HTML. Per estendere la funzionalità, si utilizzano i file JSON. In questi, puoi aggiungere frammenti che soddisfano le tue esigenze più vicine allo strumento standard.

Flycheck

FlyCheck controllerà il tuo codice per errori di sintassi mentre digiti. Affinché questo funzioni, hai bisogno di una biblioteca o toolkit sottostante che conosca effettivamente la lingua. Ci sono questi strumenti per molte lingue. Per lo sviluppo web, cerca strumenti come HTML-Tidy, Jshint e Pylint. Molti altri strumenti e lingue sono supportati. Questa è una parte essenziale del rendere gli EMAC potenti per lo sviluppo del software.

Nella configurazione EMACS, devi anche aggiungere la lingua specifica con cui supporti. Le lingue supportate sono ovvie quando controlli Melpa o qualsiasi altro sito, per flycheck. In effetti, è una buona idea controllare cosa può fare per te Flycheck, indipendentemente dalla lingua che stai sviluppando. La serie di lingue è enorme!

Modalità di editing dal vivo

Ci sono molti modi in cui puoi usare EMACS per far apparire le tue pagine web e funzionare correttamente. Hai anche molti modi per vedere il risultato del tuo codice dal vivo in un browser mentre digiti. Questo ti dà un feedback istantaneo su eventuali modifiche apportate, rendendo il debug parte della parte integrante dello sviluppo del tuo software. Una soluzione per farlo è con la modalità di spiegazione.

In modalità-spiegazione

La modalità spiedini imposta la directory come pagina Web ma localmente sul sistema attuale. Quindi avvia un server Web e serve il codice sul browser Web di scelta. Con questa configurazione, hai il browser che ti mostra la pagina nella finestra successiva. Il server Web è configurato per ricaricare la pagina non appena un file viene modificato. Non è necessario compilare, trasferire e riavviare il server web.

JavaScript

Durante la programmazione in JavaScript, hai molte insidie ​​da inciampare. Mentre FlyCheck controllerà la tua sintassi, JS2-Mode farà un'evidenziazione della sintassi, mostrando anche errori di sintassi mentre digiti. Questa modalità è essenziale per superare molti codici per raggiungere il risultato dei tuoi sogni durante la codifica in JavaScript.

Questa modalità supporta anche JSX e chiusura.

Indio

Dopo aver letto tutto questo, sarai lieto di sapere che puoi anche trovare pacchetti che imballano tutto in modo ordinato. Uno dei migliori di questi è l'indio. Indium è in realtà diviso in due pezzi. Un pezzo è il tuo pacchetto Emacs disponibile su Melpa; l'altro è un pacchetto NPM. Il pacchetto NPM è facile da installare utilizzando 'NPM Installa Indium."Dopo aver installato questi due, è necessario creare impostazioni nella directory del progetto, denominata".Indio.json '. I requisiti sono modesti nei nodejs, ma sono rigorosi. Si rende anche conto del cromo per funzionare poiché tutti gli strumenti di debug provengono da lì.

Conclusione

Per iniziare con lo sviluppo web, potresti pensare di aver bisogno di un IDE di fantasia. Dove altro puoi ottenere tutte le campane e i fischi? In Emacs, è dove puoi trovarli. L'uso di questi strumenti e altro ancora ti porterà molto lontano e probabilmente non hai bisogno di altro strumento per realizzare ottime pagine Web! Tuttavia, se non sei d'accordo con alcuni di questi strumenti, ci sono molti strumenti fantastici disponibili per EMAC se ti guardi intorno. Un buon punto di partenza è disponibile su GitHub ed è davvero chiamato "Awesome Emacs.'