A Look Into Atom: il nuovo editor di codice di Github

Github, un popolare repository git che ospita una tonnellata di progetti open source, ha recentemente annunciato un nuovo editor di codice chiamato Atom che ha scosso il "code editor battlefield". L'annuncio ufficiale ha dichiarato che Atom è iniziato come un esperimento - probabilmente 6 anni fa, secondo questo tweet di uno dei fondatori di Github - che poi divenne parte degli strumenti interni di Github; infatti Atom è costruito usando lo stesso Atom.

Si dice che Atom sia estremamente hackerabile, estendibile, ma che possa ancora essere user-friendly per gli utenti entry-level. Al momento della stesura, Atom è ancora in fase beta e disponibile come app di solo invito. Al momento è disponibile solo per la piattaforma OS X, sebbene sia in corso la versione Windows e Linux . Ci ho messo le mani sopra, e mi piacerebbe guidarti attraverso questa app, vedere cosa ha da offrire.

Controlliamolo.

Panoramica

Se sei un utente di Sublime Text irriducibile, la prima cosa che potrebbe far aumentare le sopracciglia quando Atom viene lanciato è l'interfaccia utente. Dai uno sguardo più da vicino al seguente screenshot: puoi individuare quale è Sublime Text e quale è Atom?

Risposta : La sinistra è Testo sublime e la destra è Atomo.

A parte il look, Atom ha anche preso in prestito alcune funzionalità simboliche di Sublime Text con cui potresti avere familiarità, ad esempio: Command + T ti permetterà di passare da un file all'altro e Command + Shift + P per avviare Command Palette.

Puoi anche fare una cosiddetta quotazione automatica e parentesi per selezionare il blocco di codice e selezionare più linee contemporaneamente, proprio come in Sublime Text.

Ma ho scoperto che Atom non è ancora in grado di racchiudere tag automaticamente. Sublime Text è abbastanza intelligente, può trovare i tag corrispondenti da chiudere semplicemente digitando . Another feature that also I caught absent from Atom is Wrap Selection, where you can press Control + W and define the tag to wrap selected area, or Control + Shift + W to automatically wrap it with a p tag.

Evidenziazione della sintassi e supporto linguistico

L'editor di codice è stato creato per aiutare gli sviluppatori a scrivere correttamente i codici con l'aiuto dell'evidenziazione della sintassi del codice corretta. Senza questa capacità, un editor di codice non è altro che un semplice editor di testo, che è piuttosto inutile.

Atom supporta molti linguaggi di programmazione e Web importanti, tra cui Sass e LESS. In Sublime Text, dovremmo installare pacchetti di terze parti, prima che possa gestire questi due.

Per visualizzare tutto nell'elenco, fare clic sull'indicatore di lingua del documento corrente nella barra di stato, come mostrato di seguito.

Pacchetti atomici

Atom è estensibile con i pacchetti. Ogni settimana il numero cresce rapidamente; ha più di 500 pacchetti al momento di questa scrittura. Di seguito sono riportati i miei primi 5 pacchetti per ottenere:

• Color Picker: un selettore di colori in grado di generare colori HEX e RGBA.
• JSHint - uno strumento inevitabile per rendere il tuo codice JavaScript "senza errori".
• Completamento automatico: è una sorpresa che questo tipo di funzionalità non sia integrato nel core.
• Prettifica: anche il codice dovrebbe apparire carino.
• Rdio - ascolta il Rdio con esso.

Installazione dei pacchetti

Possiamo installare pacchetti tramite Atom; avviare Controllo pacchetto, quindi cercare Installa pacchetto. A differenza di Testo sublime, che carica e mostra i pacchetti nella stessa finestra di dialogo, Atom ti reindirizzerà a una nuova schermata.

Nella nuova schermata, puoi vedere i pacchetti mostrati come in App Store o Google Play, ognuno con un pulsante Installa. Atom presenta alcuni dei pacchetti, ma puoi cercare il resto attraverso la casella di ricerca.

riduione di prezzo

Github è costruito attorno a Markdown. Il primo file README che verrebbe prelevato e mostrato nel repository è quello che è scritto in Markdown. Github Pages è costruito con Jekyll e Markdown. Quindi è ragionevole integrare Markdown in Atom.

Puoi provare a scrivere alcune linee di sintassi di Markdown, premi Control + Shift + M e vedrai come si verificherà la sintassi.

Integrazione Git

Atom ha aggiunto alcune funzionalità di supporto per chi lavora con git. Quando aggiungi alcune aggiunte o apporti modifiche al tuo progetto git, vedrai un segno di colore come mostrato di seguito (è appena visibile). In Sublime Text, questo tipo di funzionalità può anche essere ottenuto usando un plugin chiamato GitGutter.

Mi aspetto che Atom sia strettamente integrato con Github nelle prossime versioni, quindi potremmo essere in grado di eseguire il repository git Commit, Pull e Push direttamente da Atom - sarebbe un'aggiunta davvero interessante.

Chrome Dev Tools

Atom è costruito attorno alle tecnologie Web - HTML, CSS e JS - ed è progettato per costruire il Web. Quindi, perché non aggiungere anche Web Inspector. Se premi Alt + Comando + I, vedrai gli strumenti di Chrome Dev.

Questi strumenti Dev potrebbero aiutarti a personalizzare Atom e sviluppare temi o pacchetti per questo.

Le impostazioni

Le impostazioni in Sublime Text, che irrita molte persone, vengono eseguite tramite semplici oggetti JavaScript. Nonostante la somiglianza molto stretta con Sublime Text, Atom offre una bella interfaccia grafica quando si tratta di impostare la configurazione, come si può vedere di seguito.

È possibile modificare la dimensione del carattere, il tema, lo schema di evidenziazione del colore e persino personalizzare le associazioni di tasti.

Pensiero finale

Atom sembra davvero promettente, e posso vedere che potrebbe essere un serio concorrente per Sublime Text. Avendo interfaccia utente, caratteristiche e scorciatoie da tastiera simili, non dovrebbe essere difficile per le persone passare ad Atom.

Ti interessa provare Atom? Prendi il tuo invito in Atom.io, o menzionami in Twitter @tfirdaus, ho lasciato 2 inviti.

Infine, guarderò avanti come Atom andrà in futuro. Sarà il prossimo grande editor di codice per sostituire Sublime Text?

Android Studio 3.0: tutto ciò che devi sapere

Essendo uno sviluppatore Android, mi aspetto che le nuove e innovative funzionalità di Google possano aiutare gli sviluppatori come me a creare e testare le app più facilmente che mai e Android Studio 3.0 non è diverso. Annunciato per la prima volta in Google I / O 2017, Android 3.0 offre supporto per Kotlin insieme a numerose altre funzionalità.Se

(Consigli tecnici e di design)

Come addebitare ai clienti qualsiasi importo desiderato

Sapevi che gli attuali "prezzi di mercato" per il design sono totalmente irrilevanti? È vero, e per di più non devi assolutamente seguirli . Puoi, infatti, addebitare tutto ciò che desideri per i tuoi progetti, a condizione di apportare alcune modifiche importanti al processo di progettazione.Po

(Consigli tecnici e di design)