JavaScript è molto utilizzato nello sviluppo web ma anche per altre cose come lo sviluppo mobile e le app. Un semplice editor di testo può essere tutto ciò di cui hai bisogno per CSS e HTML5 ma JavaScript ha bisogno di un po 'di più. Ecco quelli che sono ampiamente considerati il ​​miglior IDE JavaScript per lo sviluppo web in questo momento.

Un buon IDE JavaScript deve avere alcune funzionalità chiave. Dovrebbe includere strumenti come il completamento automatico del codice, le funzioni dell'elenco, la generazione del codice, il refactoring, la navigazione intelligente, un debugger integrato e funzionalità di test. Un buon IDE includerà anche la gestione di errori ed eccezioni e componenti aggiuntivi per espandere il suo repertorio.

Alcuni degli IDE JavaScript in questo elenco sono premium, alcuni sono gratuiti, molti vengono scaricati sul tuo computer ma un paio sono online. Tutti sono recensiti favorevolmente e sembrano molto popolari. Se stai cercando un nuovo IDE JavaScript per lo sviluppo web, uno di questi è sicuramente adatto al conto.

Non sono un programmatore ma uno dei miei migliori amici lo è, quindi ho usato la sua esperienza per creare questo elenco.

WebStorm

WebStorm è uno degli IDE JavaScript più popolari in circolazione se il numero di download e recensioni positive sono sufficienti. È stato progettato da zero per essere facile da usare e facile da usare e certamente sembra esserlo. È compatibile con JavaScript, HTML, CSS, Angular e Node.js, quindi ha tutte le basi coperte. È inoltre compatibile con i framework Angular, React e Meteor e le app di sviluppo mobile Cordova, PhoneGap e Ionic.

WebStorm ha una grande utilità di refactoring del codice in modo che anche i nuovi programmatori possano generare codice ordinato. Può estrarre variabili, spostare file, completare automaticamente e aiutare con parametri e funzioni. Se sei un programmatore più esperto, troverai tutti gli strumenti avanzati necessari per creare alcune app e funzionalità impressionanti.

WebStorm non è gratuito e richiede un abbonamento annuale per l'uso.

Atomo

Atom è un altro IDE JavaScript estremamente popolare. Si tratta essenzialmente di un editor di testo che puoi bloccare su tutte le funzionalità di cui hai bisogno. Compatibile con HTML, JavaScript, CSS e Node.js, Atom è basato su Electron, un framework multipiattaforma che ha già dimostrato il suo valore nella programmazione JavaScript.

La funzionalità multipiattaforma è eccellente per i progetti collaborativi mentre il Gestore pacchetti integrato offre la possibilità di aggiungere molti pacchetti predefiniti o crearne di propri. Questa è una delle funzionalità più apprezzate di Atom in quanto offre un'enorme libertà di configurare l'IDE esattamente come lo si desidera utilizzare.

Altre caratteristiche di Atom includono il completamento automatico, il browser dei file, la ricerca e la sostituzione, i tag di chiusura automatica e un'utile mini mappa che mostra il codice in una panoramica. Atom ha la tendenza a rallentare quando si lavora con file più grandi e apparentemente ha una perdita di memoria che può causare ritardo durante l'utilizzo. A parte questo, è molto apprezzato.

Atom è gratuito.

Codepen

Codepen si definisce il "parco giochi per il lato frontale del web". È uno di quegli IDE JavaScript online che ho menzionato sopra ed è molto bravo in quello che fa. Funziona bene con HTML, CSS e JavaScript e funziona con CoffeeScript o LiveScript. È utile sia per i principianti che vogliono imparare il codice e farlo revisionare dai colleghi, ma anche per i programmatori esperti che vogliono costruire in un ambiente di anteprima dal vivo.

Ci sono molti strumenti CSS, HTML e JavaScript all'interno di Codepen. Crea il tuo codice all'interno di una penna usando alcuni toolkit piuttosto potenti come Emmet per generare rapidamente codice pulito. Puoi anche usare le associazioni di tasti Vim se le conosci per una generazione veloce. Hai anche accesso ai soliti strumenti di codice e funzionalità che ti aspetteresti da un IDE installato.

Il vantaggio principale di Codepen è la comunità. È una comunità molto ampia e attiva che offre aiuto, consulenza e revisione di codice, idee e altro.

Codepen ha sia una versione gratuita che una versione Pro.

Testo sublime 3

Sublime Text 3 offre funzionalità nella maggior parte degli elenchi di buoni IDE JavaScript. Ciò che è iniziato come un semplice editor di testo si è evoluto in un IDE completo che include molti degli strumenti che ti aspetti di utilizzare durante la compilazione del codice. È altamente personalizzabile, funziona su più piattaforme e gestisce i pacchetti con facilità.

L'interfaccia utente è semplice ma efficace. Funziona anche in fretta. L'installazione standard contiene molti strumenti che useresti sempre, ma Package Manager ti assicura di avere tutte le funzionalità di cui hai bisogno. Funziona con Emmet, Babel, SublimeLimiter e altri per aiutare a mantenere il tuo JavaScript pulito e ordinato.

Come Codepen, uno dei veri punti salienti di Sublime Text 3 è la community. Non solo creano plugin per il programma, ma aiutano, riesaminano e offrono ogni tipo di assistenza e argomenti di discussione. Questi sono i tipi di comunità che ti portano a credere che l'umanità abbia ancora un futuro.

Sublime Text 3 è gratuito ma $ 70 da conservare.

NetBeans

NetBeans ha iniziato la sua vita come strumento Java ma si è espanso per includere JavaScript e Node.js. Funziona anche con HTML, CSS, PHP, JS, C / C ++, Python e anche altre lingue. Funziona all'interno di una macchina virtuale Java, quindi funzionerà sulla maggior parte dei sistemi operativi e può essere configurato come piace a te.

NetBeans include la maggior parte degli strumenti e delle funzionalità che ci si aspetterebbe, tra cui la piegatura del codice, la formattazione del codice, gli strumenti JSON, il completamento automatico per variabili, i riferimenti di funzione, le funzioni di libreria, le classi e molto altro, in modo da poter davvero programmare rapidamente. Una volta fatto, il corretto debug e la corretta funzione di errore indicheranno eventuali errori e offriranno anche suggerimenti su dove trovare ulteriori ottimizzazioni.

NetBeans ha anche una fantastica estensione di Chrome che consente un debug efficace e la possibilità di modificare le fonti dall'interno del browser. Apparentemente uno strumento molto utile.

NetBeans è gratuito e open source.

Come ho detto in alto, non sono un programmatore, quindi ho dovuto appoggiarmi a un amico programmatore per aiutare con questo pezzo. Mentre i consigli sono suoi, tutti gli errori sono miei!

Hai altri suggerimenti per un buon IDE JavaScript? Parlaci di seguito se lo fai!