5 Migliori Editor di Codice Per lo Sviluppo Web

Ann Adaya
Ann Adaya

Seguire

24-Mar-2020 · 7 min a leggere

Questa prima decisione di definire la vostra produttività ed efficacia del codice.

Prima ancora di iniziare ad imparare lo sviluppo Web, si deve scegliere e scaricare l’editor di codice di vostra scelta.

Questa parte qui è cruciale: il tuo viaggio, la tua curva di apprendimento è in gioco. Questo sarà lo strumento che verrà utilizzato come si inizia a scrivere il codice, e ci sono vari editor di codice per voi da scegliere.

Per coloro che hanno iniziato a codificare 10+ anni fa, la piattaforma più utilizzata era Notepad++, e altri editor di codice seguiti dopo erano TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, Brackets e CoffeeCup HTML Editor.

Nella tecnologia moderna, le scelte sono state ridotte in pochi, vale a dire, Sublime Text, Atom, VSCode, Vim, Brackets.

Mentre studi, troverai diversi insegnanti o istruttori che hanno preferito utilizzare un editor di testo diverso, non importa se li segui e usi lo stesso editor, o scegli il tuo, ciò che conta è che hai dimestichezza con l’editor di testo scelto. Scegli ciò che ti rende più produttivo perché ti aiuterà a diventare un programmatore migliore.

Quindi, scegli saggiamente.

Atom è stato avviato da Github genio degli sviluppatori, ma ora di proprietà di Microsoft, la buona cosa circa l’Atomo è che è gratuito, è open-source e anche altamente personalizzabile, la parte migliore circa l’atomo è la sua macchina da scrivere la funzione che consente di più/più sviluppatori di lavorare a uno stesso progetto, sullo stesso codice, da ogni parte del mondo, in posizione diversa.

Atom è un po ‘ simile a Sublime Text, ma molti sviluppatori che preferivano Atom era a causa della sua interfaccia semplice rispetto a Sublime Text.

Atom può essere utilizzato su 3 Operation System (OS), Windows, Mac e Linux, quindi qualsiasi piattaforma tu abbia Atom è disponibile.

Caratteristiche:

  • Atom è un’applicazione desktop per tecnologie Web
  • Ha un design modulare e contiene più di 50 estensioni/pacchetti open-source che è possibile integrare attorno a un core minimo
  • Snippet
  • Interfaccia utente pulita e semplice
  • Nodo.integrazione js
  • Browser del file system
  • Approccio hackable
  • Frammenti Kirby, preferito dell’utente atom. https://atom.io/packages/kirby-snippets
  • PlatformIO IDE Terminal

Contro

  • Ha alcuni problemi di prestazioni
  • Ci vogliono diversi secondi per l’avvio rispetto ad altri editor di testo, specialmente quando si installano numerosi pacchetti/estensioni.
  • Un po ‘ lento rispetto a Sublime Text perché è un’app basata su browser (viene eseguita utilizzando Electron)

Scarica Atom.io Qui: https://atom.io/

Ed ecco un breve video su come configurare atom:

Vim

Pro

  • Leggero e veloce rispetto agli altri editori, che utilizza una quantità minima di memoria del Sistema e carica istantaneamente
  • È possibile trovare i plugin per quasi tutto, dalla versione per il controllo della preferenza di colore
  • È gratuito e opensource, e può essere utilizzato nel terminale o in modalità GUI
  • Tastiera e probabilmente rendi conto che non ha più bisogno di un mouse, tutto è disponibile su le scorciatoie da tastiera.

Contro

  • Curva di Apprendimento, ci vorrà un certo tempo per imparare, e si avrà così tanti comandi e scorciatoie da ricordare
  • Poveri di sostegno per i suoi utensili
  • Non c’è molto efficace quando si tratta di tagliare/incollare il meccanismo di

È possibile scaricare e installare Vim utilizzo di questa risorsa: https://www.vim.org/download.php

Ecco un’altra risorsa se volete saperne di più su Vim:

Ecco un buon corso introduttivo per le nozioni di base per iniziare e imparare i fondamenti di Vim.

Staffe

Pro

  • Open Source e multipiattaforma, il che significa che è gratuito e può essere utilizzato in Mac, Windows e Linux
  • è il completamento del codice, ci sarà un sistema di auto-suggestione, come il tipo di codice
  • Staffa caratteristica unica è l’editing veloce quando si contrassegna un qualsiasi elemento HTML e premere CMD/Ctrl + E, la staffa poi si apre tutto il CSS associato con quelli determinati elementi nella stessa finestra, una volta chiuso, si applicherà automaticamente al foglio di stile CSS.
  • Possibilità di aggiungere diverse estensioni e pacchetti per rendere il tuo editor di parentesi più potente e utile
  • Le parentesi hanno anche più funzioni di cursori
  • Ha anche un selettore di colori poiché i codici esadecimali di colore sono difficili da ricordare.
  • Anteprima dal Vivo, di vedere facilmente i risultati o degli output di modifica e/o acconciatura

Selettore Colore di Funzione

Contro

  • Parentesi è focalizzata sul Front-end side — chiaramente fatto per Sviluppatori Frontend in cui è molto utile in HTML, CSS e Javascript e non tanto sulla linguaggi lato server

È possibile scaricare le Staffe.io qui: http://brackets.io/

Ecco un breve video in impostazione di Staffe:

Sublime Text

Molti gli sviluppatori hanno ancora scelto di utilizzare il Sublime Text, perché se la sua velocità, la semplicità, e le scorciatoie da tastiera che è molto utile quando si lavora su diversi linguaggi di scripting come Javascript.

Puoi scaricare Sublime Text qui: https://www.sublimetext.com/

Ecco un video introduttivo per avviare e impostare il testo Sublime:

Pro:

  • Open Source e multipiattaforma, il che significa che è gratuito e può essere utilizzato in Mac, Windows e Linux
  • Completamento automatico
  • Syntax Highlight
  • Codice Pieghevole
  • Personalizzabile — più di 3.800 pacchetti disponibili
  • Leggero, Veloce e Stabile

Contro:

  • Non c’è ancora un plugin Git decente
  • Sviluppo lento poiché sublime non ha una grande squadra dietro di esso
  • Non così principiante

Ecco un tutorial bonus per suggerimenti di testo Sublime, trucchi, scorciatoie da tastiera e le migliori caratteristiche! Si diverta.

VSCode

Visual Studio Codice fornisce agli sviluppatori un nuovo strumento per gli sviluppatori che unisce la semplicità e snella esperienza di un editor di codice con il meglio di ciò che gli sviluppatori hanno bisogno per il loro core-edit-debug del ciclo. Visual Studio Code è il primo editor di codice e il primo strumento di sviluppo multipiattaforma, che supporta OS X, Linux e Windows, nella famiglia Visual Studio.

Uno dei vantaggi dell’utilizzo di VSCode è la sua capacità di integrazione con Git, è facile e veloce, un’altra cosa è la capacità di integrare diverse squadre in remoto, diversi sviluppatori possono lavorare sullo stesso progetto, o anche lo stesso codice, utilizzando questo strumento/estensione: Visual Studio Live Condividere aiuta a diversi sviluppatori di lavorare insieme in modo più efficiente, rispetto al Sublime Text e Atom.

Pro

  • Leggero e veloce
  • Gratis
  • Interfaccia Utente Semplice e Pulita
  • Terminale Built-in
  • Più Cursore
  • IntelliSense — è un sovralimentare il completamento automatico, l’evidenziazione della sintassi assistente funzione per eliminare gli errori di battitura e gli eventuali errori di sintassi
  • Una grande comunità di supporto e di costruzione di estensioni e di risorse aggiuntive
  • Ha caratteristiche migliori, come Git, Terminal, WebView, Live Condividere
  • il supporto Nativo per il Git di collaborazione, aprire la directory di connettersi facilmente a Github, e non complesso su.
  • Ha estensione Emmet, super veloce HTML, CSS e Javascript codifica

Contro

  • Nessun supporto per la versione di programmazione precedente come ASP.NET
  • funzionalità di Debug sono limitati

Con così tanti diversi stack e tecnologia, scegliendo anche l’editor di programmazione è diventato più scoraggiante e travolgente, permettetemi di darvi qualche suggerimento e risparmiare un po ‘ di tempo, non è solo questione di strumenti, nello sport, non si tratta di avere le migliori scarpe o avere più costose scarpe da calcio, o per i fotografi, non è sempre su chi possiede più costosa macchina fotografica che ottiene il più bel colpo, alla fine della giornata, è sempre di chi lo usa, come si usa, e anche se non lo uso.

ero un grande fan di Sublime Text, ho iniziato lo Sviluppo Web utilizzando Sublime ma quando VSCode si avvicinò e prese il cuore di ogni sviluppatore, non solo a causa della sua ben guardare Interfaccia, ma anche per le sue migliaia di estensioni o strumenti di scegliere che fa la codifica più efficiente, più facile e più potente, a me era attirata.

Il più popolare e anche la mia raccomandazione sarebbe VSCode, l’ho usato per anni.

Ecco un bonus per la configurazione del codice di Visual Studio e Tutorial, Buon divertimento!

Grazie per la lettura! Sentitevi liberi di leggere i miei altri blog per ulteriori tutorial gratuiti e strumenti per tutti gli sviluppatori! Godere di

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

More: