Ciao cari lettori del sito blog. Oggi daremo un'occhiata a uno dei migliori editor di testo Notepad ++, che ne ha molti funzioni utili ed è uno dei programmi più usati per me per modificare html, css e codice php... Ad ogni modo, questo editor è popolare tra molti programmatori e sviluppatori.
Nell'articolo ho detto che le pagine web possono essere create anche con il Blocco note integrato di Windows. Ma creare file html e css in un blocco note è quasi come scavare una buca con un bastone da scavo. A parte la possibilità di creare e visualizzare file di testo, non c'è nulla in Blocco note.
Iniziando a utilizzare Blocco note per correggere i file con html, css, php e altri codici, risparmierai un sacco di tempo e nervi. All'inizio, ovviamente, l'uso di questo editor può sembrare un po' complicato per te. Ma se impari a utilizzare almeno le funzionalità di base di Notepad ++, sarà già difficile per te farne a meno.
Il blocco note presenta vantaggi significativi non solo rispetto al notebook Windows standard, ma anche rispetto ad altri ancora programmi complessi per scrivere e modificare vari codici. Ad esempio, se confronti Blocco note ++ con programma popolare per il layout dei siti Dreamweaver, presenta molti vantaggi. Innanzitutto, Notepad ++ è completamente gratuito. E in secondo luogo, è molto più leggero e veloce. E in generale, può essere eseguito senza installazione nel sistema operativo Windows, se si utilizza versione portatile di Blocco note ++, che ti permetterà di mettere il programma su una chiavetta USB e portarlo sempre con te.
Ora parliamo di tutto in modo più dettagliato.
Installazione dell'editor Notepad ++, delle sue capacità e personalizzazione
Scarica editor di testo Blocco note ++ perfettamente è libero potete dal sito ufficiale a questo link. Il kit scaricato include diverse lingue, incluso il russo.
Il programma si installa nel sistema operativo Windows in maniera del tutto standard:
- fare doppio click con il tasto sinistro del mouse sul file scaricato, partirà l'installazione;
- nella finestra che si apre, seleziona la lingua di cui hai bisogno;
- quindi premere ancora più volte, accettando contratto di licenza selezionando la cartella di installazione ei componenti da installare;
- quindi fai clic su Installa, attendi qualche secondo e Notepad ++ è installato.
Se necessario, puoi scaricare Notepad ++ Portable, che è una versione portatile di questo editor di testo che non richiede installazione.
Ora esaminiamo le funzionalità di questo editor di testo:
1. La prima cosa che salta all'occhio è che Notepad ++ è editor di testo con evidenziazione della sintassi diverse dozzine dei linguaggi di programmazione più popolari tra cui HTML, CSS, JavaScript e PHP. Aspetto lista completa lingue per le quali Blocco note è in grado di evidenziare la sintassi ed è possibile selezionare la lingua desiderata nel menu superiore del programma nella scheda "Sintassi":
Ad esempio, se imposti evidenziazione del codice html, ci sarà qualcosa del genere:
Nella figura, puoi vedere che i tag sono evidenziati in blu, gli attributi in rosso e il testo normale in nero. Questo è molto utile quando si modifica il codice e si trovano errori in esso. Se necessario, puoi configurare l'evidenziazione della sintassi nel menu "Opzioni" - "Definisci stili"... Si aprirà una finestra in cui puoi configurare il carattere e l'evidenziazione della sintassi per la lingua di cui hai bisogno:
Se la lingua richiesta non è presente, puoi personalizzare l'evidenziazione della tua nello stesso menu "Sintassi" c'è una voce "Imposta la tua lingua":
Nella finestra che appare, imposta le liste parole chiave lingua e personalizzare gli stili del loro display. Ne ho sempre avuto abbastanza di quelle lingue che sono nell'elenco, quindi non ho capito in dettaglio questa funzione.
Oltre all'evidenziazione stessa per tutte queste lingue, il codice è suddiviso in blocchi che possono essere compressi ed espansi utilizzando rispettivamente i pulsanti meno e più. Inoltre, la relazione tra gli elementi è evidenziata con una linea tratteggiata. E se, ad esempio, posizioni il cursore sul tag html di apertura, non solo esso, ma anche il tag di chiusura ad esso associato verrà evidenziato in blu:
Notepad ++ può anche associare parentesi aperte e chiuse e funzioni separate in blocchi separati. Tutto questo aiuta molto bene a navigare nel codice e semplifica notevolmente la ricerca di parentesi e tag non chiusi nel testo del programma.
2. Capita spesso che, inserendo del codice, ci dimentichiamo come scrivere questo o quel tag HTML o operatore PHP. Per risolvere questo problema, l'editor di testo Notepad ++ ha implementato la funzione suggerimenti e completamento automatico parola digitata. Un suggerimento viene chiamato dalla combinazione di tasti "Ctrl + Spazio" e non resta che selezionare l'opzione desiderata dall'elenco proposto:
È possibile abilitare la visualizzazione automatica delle descrizioni comandi senza utilizzare i tasti di scelta rapida. Per farlo, fai clic sul menu "Opzioni" - "Impostazioni", nella finestra che si apre, vai alla scheda "Completamento automatico" e seleziona la casella accanto a "Abilita su ogni input":
Nella stessa finestra è possibile abilitare l'inserimento automatico di tag html di chiusura, parentesi quadre e virgolette.
3. Blocco note ++ consente molto facilmente cambia codifica file... Ad esempio, se devi installare l'ormai popolare codifica UTF-8 senza BOM, vai alla scheda "Codifiche" nel menu principale e fai clic sulla voce "Converti in UTF-8 senza BOM" e salva il file:
4. Notepad ++ ti consente di aprire e modificare più file contemporaneamente, a differenza del blocco note standard. Per questo usa segnalibri come i moderni browser Internet. Quindi ogni file aperto ha un proprio segnalibro, in cui viene indicato il nome del file e viene posta l'immagine di un floppy disk:
Il floppy disk può essere blu o rosso. Il colore del dischetto indica se le modifiche sono state salvate o meno nel file:
- floppy disk blu - il file è stato salvato;
- rosso: le modifiche non vengono salvate.
Le schede con file aperti possono essere chiuse, trascinate e posizionate in qualsiasi ordine. Utilizzando le impostazioni, è possibile effettuare display verticale schede o nasconderle del tutto, disabilitare il trascinamento e impostare la chiusura della scheda facendo doppio clic. Tutte queste impostazioni si trovano nella scheda "Opzioni", il pulsante "Impostazioni":
Si aprirà una finestra delle impostazioni, dove nella sezione "Generale", nel gruppo di impostazioni "Barra delle schede", puoi inserire o deselezionare le caselle di controllo necessarie:
Inoltre, questo editor ha la capacità aprire due copie dello stesso documento contemporaneamente... Per farlo, basta fare clic tasto destro nella scheda con il file desiderato e selezionare la voce "Duplica in un'altra area":
Successivamente, si aprirà una seconda scheda con questo documento:
Ogni segnalibro ha la capacità di inserire note o note. Rendono più veloce la navigazione nel file e trovano importanti parti di codice nei file con grande quantità Linee. Per creare un segno davanti alla linea richiesta nel margine sinistro, facendo clic con il mouse, impostare un segno a forma di punto blu:
Ora premendo il tasto "F2" il cursore si sposterà tra le note - marker blu.
5. Ritengo necessario notare che l'editor Notepad ++ è molto conveniente ricerca testuale sia in un file aperto che in più file situati in una cartella specifica. È possibile utilizzare durante la ricerca espressioni regolari che può essere uno strumento potente nelle mani giuste. Puoi anche cercare e sostituire. Insieme, ricerca e sostituzione ed espressioni regolari possono velocizzare notevolmente le modifiche ai documenti di testo.
Funzione cerca testo può essere chiamato con menu in alto"Cerca", in cui è selezionato il tipo di ricerca, o dalla combinazione di tasti di scelta rapida "Ctrl + F", che apre la finestra corrispondente con le impostazioni di ricerca:
Nella finestra che si apre, seleziona la scheda con l'azione desiderata ("Trova", "Sostituisci", "Cerca nei file" o "Osservazioni") e imposta i parametri.
6. Spesso quando si lavora con un file html, diventa necessario vedere come apparirà nel browser. Per fare ciò, Notepad ++ ha la capacità di visualizzare pagina html nei browser Internet Explorer, Firefox, Chrome e Safari. Per eseguire questa azione, fai clic sul pulsante "Esegui" nel menu in alto e scegli di eseguire il codice nel browser desiderato:
Anche nell'editor in questione, puoi selezionare qualsiasi frammento di codice php e fare clic su "Esegui" - " Ottieni php help ", dopodiché Notepad ++ ti reindirizzerà alla pagina del sito http://php.net con una descrizione di questo codice.
Nella stessa scheda del menu "Launch" è possibile cercare i frammenti di testo selezionati in motore di ricerca Google e Wikipedia. Per fare ciò, seleziona una parte di testo e premi il pulsante " ricerca Google"Oppure" Ricerca Wikipedia "e verrai reindirizzato automaticamente a una pagina di un sito Google o Wikipedia con i risultati della ricerca. È vero, tutte queste azioni richiedono una connessione Internet.
7. Quando modifichi i file, Notepad ++ ricorda tutte le modifiche apportate. Pertanto, in qualsiasi momento è possibile annullare l'azione eseguita ( Fai un passo indietro). Inoltre, puoi eseguire il rollback di tutti i passaggi indietro o avanti che desideri, in modo da poter apportare modifiche al codice senza il rischio di conseguenze irreversibili.
Puoi tornare indietro e andare avanti utilizzando le voci "Annulla" e "Ripristina" nella scheda "Modifica" nel menu in alto, oppure utilizzando i pulsanti a forma di frecce curve sulla barra degli strumenti (se ci sono state modifiche, le frecce sono colorato in verde):
Puoi anche annullare le azioni usando i tasti di scelta rapida:
- CTRL + Z - un passo indietro, analogo alla voce "Annulla";
- CTRL + Y - passo avanti, analogo alla voce "Ripeti";
Un punto importante è che Notepad ++ monitora costantemente lo stato dei file aperti in esso e se vengono modificati da un altro programma o eliminati, l'editor ti mostrerà un avviso che il file è stato modificato da un altro programma e ti chiederà per aggiornarlo:
8. È possibile espandere le capacità dell'editor di test Notepad ++ utilizzando vari plugin... Alcuni sono installati per impostazione predefinita, mentre altri possono essere installati utilizzando il gestore plug-in integrato, che viene chiamato dal menu in alto, la scheda Plugin - Plugin Manager - Mostra Plugin Manager:
Si aprirà la finestra "Gestione plug-in" nella quale la prima scheda contiene un elenco di plug-in disponibili. Per installare il plug-in richiesto, metti un segno di spunta davanti ad esso e fai clic sul pulsante "Installa".
Usando i plugin, puoi confrontare file, controllare la grammatica, incorporare FTP e in generale puoi trasformare un normale editor di testo in strumento potente per creare siti web.
Cercherò di descrivere in dettaglio le capacità dei plugin in uno dei seguenti articoli, quindi non dimenticare di iscriverti agli aggiornamenti del blog. Fino alla prossima volta!
L'editor di testo di Linux è probabilmente uno dei programmi più utilizzati, dopo il browser e file manager... Può essere utilizzato per scrivere codice, modificare file di configurazione, creare istruzioni per gli utenti o prendere appunti e molto altro ancora.
In Linux, gli editor di testo sono di due tipi: editor di testo - console e editor grafici - di testo per Linux con un'interfaccia utente grafica.I primi sono più comunemente usati sui server, i secondi sui computer di casa. In questo articolo, daremo un'occhiata ai migliori messaggi di testo Editor Linux open source, sia per server che per personal computer.
Vim è un potente editor di testo della riga di comando di Linux che estende e migliora il vecchio editor Vi di Unix. È uno dei migliori editor per Linux, è uno degli editor di testo più popolari e utilizzati di frequente tra amministratori di sistema e programmatori. Molti utenti lo considerano un editor per programmatori. Quando si modificano il codice e i file di configurazione, è possibile abilitare l'evidenziazione della sintassi.
2. Gedit
È un miglior editor di testo Linux multifunzionale, con un'interfaccia grafica. Viene fornito per impostazione predefinita nell'ambiente desktop GNOME. L'editor è molto facile da usare e personalizzare e supporta anche una serie di plugin.
I suoi principali vantaggi sono:
- Supporto UTF-8
- Regolazione della dimensione e dei colori del carattere
- Personalizzazione dell'evidenziazione della sintassi
- Funzionalità di copia e incolla
- Annulla e ripeti azioni
- File di rollback
- Trova e sostituisci
- Appunti
3. Nano editor
Nano è un editor di testo per console Linux molto facile da usare sia per principianti che avanzati Utenti Linux... È molto facile da usare.
Alcune delle caratteristiche del Nano:
- Scorciatoie da tastiera altamente personalizzabili
- Evidenziazione della sintassi
- Annulla e ripeti azioni
- Occupa tutto lo spazio disponibile sull'output standard
- Supporta la lettura da input standard
4. GNU Emacs
È un editor di testo Linux altamente estensibile e personalizzabile, con un interprete del linguaggio di programmazione lisp integrato. È possibile installare varie estensioni per espandere le funzionalità.
- Caratteristiche di Emacs:
- Grande quantità di documentazione
- Evidenziazione della sintassi
- Supporto per più lingue utilizzando Unicode
- Supporto per varie estensioni, tra cui posta, notizie, debugger, calendario e altro.
5. Kate / Kwrite
È un editor di testo ricco di funzionalità e altamente estensibile fornito con l'ambiente desktop KDE Plasma. Il progetto Kate mira a sviluppare due programmi principali: KatePart e Kate.
KatePart è un componente di editor di testo utilizzato in molte applicazioni KDE in cui potrebbe essere richiesta la modifica del testo e Kate è un'interfaccia per lavorare con più documenti in un editor di testo.
Caratteristiche principali:
- Estendere le funzionalità con gli script
- Supporto Unicode
- Modifica del testo in più pannelli
- Supporto per il completamento automatico
Sono inoltre supportate la modifica remota dei file e molte altre funzionalità, tra cui trova e sostituisci, programmazione, evidenziazione del testo, backup e altro.
6. Testo Lime
È anche più di un potente editor di testo per Linux. È un intero IDE open source. Si può dire che sia il successore del popolare Sublime Text. Può essere utilizzato sia in riga di comando e con un'interfaccia grafica.
7. Pico Editor
Questo è un altro editor da riga di comando basato sull'editor utilizzato da Pine news. È il miglior editor di testo Linux per i nuovi utenti, principalmente per la sua semplicità rispetto ad altri editor grafici.
8. Jed Editor
Questo è un altro editor di testo della console Linux con GUI e supporto per menu a discesa. È fatto appositamente per lo sviluppo Software e uno dei suoi caratteristiche chiaveè il supporto per la modalità Unicode.
9. GVim
Questo versione grafica popolare editor di testo VIm. Ha tutte le stesse funzionalità di Vim, oltre a un menu con cui puoi fare molte cose.
10. Geany
Questo è un altro IDE come l'editor di testo di Linux, su misura per lo sviluppo di software utilizzando gli strumenti GTK.
Ha tutte le funzionalità di base di cui hai bisogno:
- Evidenziazione della sintassi
- Interfaccia plug-in
- Supporto per vari tipi di file
- Collasso e supporto alla navigazione
- Completamento automatico
- Supporta la chiusura automatica di tag HTML e XML
- Funzioni di gestione del progetto
11. Cuscinetto foglia
È un editor di testo Linux leggero con una GUI basata su GTK. È popolare tra i nuovi utenti Linux per la sua semplicità.
Caratteristiche dell'editore:
- Rilevamento automatico della codifica
- Funzioni di annullamento e ripristino
- Numeri di riga del file
- Supporto per trascinamento della selezione
- Supporto per la stampa
Bluefish è il miglior editor di testo Linux per programmatori e sviluppatori web, facile da installare e utilizzare. Supporta un'ampia varietà di funzioni:
- Leggero e veloce
- Integrazione con esterni Utilità Linux: lint, weblint, make, awk, grep, sort e altri.
- Funzione di controllo ortografico
- Supporto per il lavoro su più progetti
- Modifica file remota
- Trova e sostituisci il supporto
- Annulla e ripeti supporto
- Recupero automatico dei file modificati
13. Atomo
Questo è un editor di testo Linux altamente personalizzabile per sviluppatori di Github basato sul motore Chromium. Il programma è più simile a un IDE che a un semplice editor. La funzionalità può essere estesa con un numero enorme di plugin.
Probabilmente uno dei migliori editor per sviluppatori web. Ecco le sue caratteristiche:
- Interfaccia moderna in stile Flat
- Supporto per un numero enorme di plugin
- Supporto per molti linguaggi di programmazione
- Evidenziazione della sintassi
- Debug dei programmi in Chromium
- Evidenziazione degli errori
14. parentesi
Un altro moderno editor di testo Linux basato sul motore Chromium, questa volta di Adobe. Peculiarità.
Così sono quelli che sono stati coinvolti nello sviluppo web per molto tempo. Dopotutto, appare sempre qualcosa di nuovo, le esigenze dei clienti cambiano, le tue competenze aumentano, vuoi automatizzare i processi di routine per grandi progetti e ottenere quante più opzioni possibili. In questo articolo, abbiamo raccolto i migliori editor di testo per sviluppatori web su questo momento.
Testo sublime (Windows, Linux, Mac)
È un editor di testo per sviluppatori web scritto in C++ e Python. Sembra lo stesso su tutte le piattaforme supportate utilizzando il proprio framework dell'interfaccia utente. Gli sviluppatori forniscono una versione di prova gratuita, ma sarà necessario acquistare una licenza per l'uso continuato. Il vantaggio è che la licenza è per utente, non per dispositivo. Sono disponibili sconti anche per l'acquisto di più licenze per un'azienda.
I principali vantaggi di Sublime Text:
- Facilità d'uso - Una volta aperto Sublime Text, puoi iniziare a lavorarci quasi immediatamente.
- Ricerca veloce e flessibile utilizzando le corrispondenze fuzzy.
- Possibilità di selezione multipla per inserire lo stesso testo su più righe contemporaneamente. Per impostare la posizione del cursore, premi Ctrl + tasto sinistro del mouse o Ctrl + triplo clic con il tasto sinistro per selezionare un intero paragrafo.
- Avere una minimappa visiva del codice: è utile quando si lavora con file di grandi dimensioni, poiché consente di trovare rapidamente i frammenti necessari:
- La possibilità di utilizzare snippet per velocizzare il tuo lavoro e un gran numero di plugin per la maggior parte compiti diversi... Il principale può essere considerato Controllo della confezione, con cui puoi cercare e installare i plugin necessari direttamente dall'editor.
Ecco alcuni esempi di plugin:
Emmet è un ottimo plugin che ti consente di utilizzare scorciatoie per inserire determinati tag, ad esempio:
Ul # nav> li.item $ * 3> a (Item $)
Emmet converte la scorciatoia sopra in un elenco con tre elementi:
SublimeLinter è un plugin per il controllo della sintassi. Ti permette di ridurre al minimo il numero di errori controllando al volo il codice scritto. Devi solo installare i pacchetti che desideri, ad esempio: SublimeLinter-html-tidy, SublimeLinter-csslint, SublimeLinter-jshint e SublimeLinter-php.
CSScomb è un plugin che ti aiuta a posizionare i selettori CSS nell'ordine corretto per facilitare la lettura e la modifica in futuro.
Per quanto riguarda le carenze di Sublime Text, includono il suo costo ($ 70), nonché il fatto che l'impostazione non viene eseguita tramite la GUI, ma modificando le configurazioni json.
WebStorm (Windows, Linux, Mac)
WebStorm non è solo un editor, ma un ambiente di sviluppo integrato (IDE) scritto in Java. Ma poiché la differenza tra un IDE e gli editor con molti plugin può essere sottile, abbiamo deciso di includerlo anche in questo elenco.
WebStorm offre i seguenti vantaggi:
- Lavora in modo efficiente su progetti di qualsiasi dimensione grazie all'integrazione di sistemi di controllo della versione, inclusi Git, Mercurial e Subversion.
- Migliora la qualità del codice e l'aderenza alle linee guida per il Test Driven Development (TTD) con JsTestDriver di Google.
- LiveModifica per visualizzazione istantanea modifiche senza ricaricare la pagina.
- Presenza di funzionalità integrate per il controllo della qualità del codice - JSHint, JSLint, Google Closure Linter.
- Supporto un largo numero tecnologie: TypeScript, CoffeeScript, Less, Sass, Stylus, Compass, EJS, Handlebars, Moustache, Web Components, Jade, Emmet e altri.
WebStorm è una manna dal cielo per coloro che hanno bisogno di molte funzionalità diverse e sono disposti a pagare per questo: il costo di una licenza individuale per il primo anno è di $ 59, il costo di una licenza aziendale per il primo anno è di $ 129. Se hai bisogno di qualcosa di più semplice, dai un'occhiata ad altri editor.
Atom (Windows, Linux, Mac)
A differenza dei due precedenti editor, Atom è gratuito e open source. È assemblato da 50 moduli e scritto in C++, JavaScript, CSS e HTML. È possibile aggiungere i propri moduli al repository aperto in modo che altri possano utilizzarli. Ha tutte le stesse funzionalità di base di Sublime Text, come ricerca rapida fuzzy match in progetti e file, la presenza di una mini-mappa e l'uso di snippet. Supporta il già citato Emmet, Autoprefixer, codice di formattazione automatica con atom-beautify, Livereload.
Vantaggi di Atom rispetto a Sublime Text a pagamento:
- Impostazioni della GUI invece dei file JSON.
- Per installare i plugin, non è necessario installare Package Control, tutto viene fatto dall'interfaccia visiva.
Staffe (Windows, Linux, Mac)
È un editor di testo per sviluppatori web di Adobe. Ha funzionalità open source e semplici, ma necessarie che sono presenti negli editor già citati:
- Visualizzazione istantanea delle modifiche nel browser ().
- Selezione multipla e modifica.
Bonus Brackets è un'API ben documentata per la creazione di plug-in personalizzati, nonché la funzione Estrai per parentesi (anteprima), che accelera il processo di acquisizione di dati su colore, carattere e dimensione da PSD.
Lo svantaggio di Brackets è la sua lentezza se hai molti plugin installati.
Coda (Mac OS e iOS)
TextMate e Coda sono gli editor di testo web più popolari per Mac. Crediamo che Coda sia ancora più adatto agli sviluppatori web di TextMate, che è stato concepito come un prodotto universale. Coda è un editor leggero con tutto le funzioni necessarie(come piegare blocchi di codice, trovare e sostituire rapidamente, funzionalità di completamento automatico per un progetto, supporto per Git e Subversion), ma ha anche le sue caratteristiche:
- Possibilità di modificare i file in remoto tramite server FTP, SFTP, WebDAV o Amazon S3.
- Ricerca semplificata con espressioni regolari grazie ai pulsanti jolly.
- Anteprima WebKit e AirPreview. Quest'ultimo ti consente di utilizzare un iPad o un iPhone con la versione iOS di Coda per visualizzare in anteprima le pagine mentre digiti sul desktop.
- Terminale integrato e editor MySQL.
Coda ha anche i suoi plugin, ma ovviamente non ce ne sono tanti come gli editor open source. Molte persone lodano il plugin PHP & Web Toolkit, che include:
- Controllo automatico della sintassi PHP con errore successivo e salvataggio automatico.
- Riordino, riformattazione del codice scritto in HTML, CSS, JavaScript o PHP.
- Validazione di HTML, CSS e JavaScript.
- JavaScript e minimizzazione CSS.
Il costo di una licenza Coda per utente singolo è di $ 99.
Come puoi vedere, la funzionalità degli editor moderni è piuttosto ampia, quindi la scelta dipende dalla piattaforma utilizzata e dalle capacità finanziarie. Quale editor per lo sviluppo web preferisci?
Lo staff dello studio segue sempre le ultime tendenze in fatto di web design e sviluppo. Scegliendoci come partner, puoi essere certo che il tuo sito soddisferà i moderni standard di web design e sviluppo.
Non tutte le attività o tutti i progetti richiedono un IDE completo, quindi per molti il loro editor di testo preferito è ancora il loro strumento principale. E sembra che la scelta sia semplice: Sublime Text potente, estensibile ma semplice, classici viventi di fronte a emacs e vim, nonché i preferiti della monopiattaforma: Notepad ++ per Windows, TextMate per OS X e Geany per Linux. Ma nuovi editor appaiono quasi ogni giorno: ha senso per te cambiare le tue abitudini? Vediamo cosa succede.
Atomo
Nell'agosto 2011, il co-fondatore di GitHub Chris "defunkt" Wanstrat si è prefissato un obiettivo ambizioso: creare un editor che fosse veramente aperto e offrisse possibilità di hacking illimitate, senza trasformarsi in un secondo Vim o Emacs (che, come sapete, puoi fare quasi tutto, ma solo se hai un cervello come Jeff Dean). E ora, dopo tre anni e più di quindicimila commit, è iniziato il beta testing pubblico. Nel marzo di quest'anno, Atom è diventato disponibile per il download per tutti. In che modo la famosa azienda cambierà il nostro approccio alla codifica?
La prima cosa che salta all'occhio quando si lancia una nuova idea di GitHub è l'interfaccia che è incredibilmente simile a Sublime Text. Di per sé, questo non è un aspetto negativo. Fatto noto che l'interfaccia di Sublime è stata ispirata da un'altra, una volta niente di meno editore popolare codice per OS X TextMate. L'attuale storia di Atom e Sublime sottolinea solo le soluzioni GUI di successo di quest'ultimo.
La seconda caratteristica di Atom è che è essenzialmente un'applicazione web avvolta in Chromium. No, ovviamente, l'editor ha la sua icona nel dock, i normali menu di sistema e il supporto per i tasti di scelta rapida nativi. È solo che il nucleo di Atom è scritto principalmente in CoffeeScript, viene eseguito in Node.js e l'interfaccia dell'editor stessa è una pagina HTML con markup abbastanza normale. Puoi verificarlo selezionando Sviluppatore -> Strumenti per sviluppatori di Toogle dal menu Visualizza.
La terza cosa interessante di Atom è la sua modularità. Nella migliore tradizione dell'ecosistema Node.js, viene scritto utilizzando il numero massimo di moduli aperti (più di cinquanta). Ciò significa che se non ti piacciono alcune funzionalità standard, allora, secondo gli sviluppatori, puoi facilmente trovare un sostituto per esso da oltre 70 mila pacchetti nel registro npm o scrivere il tuo plugin. Dato che JavaScript è diventato il linguaggio più popolare su GitHub per molto tempo e CoffeeScript è solo leggermente indietro rispetto a Perl, questo dà fiducia nel futuro di Atom.
E per quanto riguarda le caratteristiche killer? Qui non tutto è così roseo. O si tratta della giovinezza del progetto, o qualcos'altro, ma Atom, a parte il grande nome dei creatori e grandi speranze, non fornisce nulla fuori dagli schemi che potrebbe farti giocare per ore con esso. Ciò che viene presentato dagli sviluppatori come vantaggi (ad esempio, completamento automatico, schede, collasso del codice, frammenti) può solo causare un sorriso condiscendente sui volti degli aderenti Sublime. Sì, certo, Atom ha già il suo gestore di pacchetti, ma non ho trovato nulla nei suoi repository che non potesse essere implementato utilizzando i plugin per Sublime.
Tavolo luminoso
Lo sviluppo del tavolo luminoso è iniziato nel 2011, quando il programmatore americano Chris Granger ha deciso che il processo di lavoro con il codice nei moderni editor di testo non si adattava bene al flusso di lavoro moderno. In breve, il compito del Light Table è quello di rendere il processo di sviluppo veramente interattivo e visivo, dando allo sviluppatore un feedback istantaneo su qualsiasi azione, aiutando così a navigare rapidamente in codice di grandi dimensioni. È stato con questa idea che Chris è andato su Kickstarter e ha raccolto abbastanza rapidamente $ 316.720 per lo sviluppo del progetto con l'obiettivo dichiarato di 200 mila. Cosa, esattamente, le idee di Chris piacevano ai fornai?
Una delle caratteristiche più interessanti di Light Table è la capacità di lavorare con la documentazione mentre scrivi il codice. Per vedere una descrizione di una funzione, passaci sopra con il mouse. L'editor troverà e visualizzerà istantaneamente la documentazione per la funzione o il parametro richiesto (nel caso di metodi integrati) o mostrerà la descrizione anteposta della funzione a sinistra nel codice. Questo ricorda in qualche modo il completamento automatico utilizzato nell'ambiente di sviluppo di Microsoft Visual Studio, ma molto più profondo e potente.
La seconda caratteristica killer può essere chiamata esecuzione istantanea di funzioni durante la scrittura del codice. Ciò consente di provare diverse condizioni di input in modalità debug e vedere non solo il risultato, ma anche come le variabili attraversano l'intero codice. È anche una cosa piuttosto utile, soprattutto quando non si è sicuri del risultato dell'esecuzione di qualsiasi parte del codice.
La terza caratteristica del tavolo luminoso è opportunità unica organizzare il codice in cosiddette tabelle. Sono blocchi di codice logicamente completi attraverso i quali è possibile visualizzare l'interazione delle singole funzioni del programma. Con l'aiuto di questa funzione, è molto comodo dividere il file in diversi blocchi funzione indipendenti e lavorare con essi, costruendo una sorta di vero dashboard dal codice. Un'altra caratteristica interessante è l'evidenziazione intelligente dei blocchi: in questo caso, le possibilità di confondersi in un flusso di lavoro già visivo tendono a zero.
Nonostante la sua filosofia piuttosto sconosciuta, Light Table è senza dubbio l'editor di nuova generazione. Il suo trucco non è che sia scritto in tecnologie alla moda, ma nel cambiare l'approccio stesso al processo di sviluppo di software complesso. Probabilmente, quando si lavora con semplici script JS, il vero potere di Light Table non si farà sentire, ma per i progetti diventerà un po' più complicato strumento insostituibile... Devi solo abituarti. Ma questo non sarà facile.
Lime
L'intero Lime può essere descritto con una e unica, ma famosa frase di Bobuk: la brillantezza e la povertà dell'open source. Il progetto, avviato lo scorso anno da Fredrik Ehnbom, risolve un'unica ma comprensibile sfida: creare un builder open source a immagine e somiglianza di Sublime Text. La ragione di questo desiderio è comprensibile: l'autore, un ardente fan di Sublime, non era soddisfatto dello sviluppo lento del progetto e della mancanza di una soluzione banale per i bug nelle versioni precedenti. L'idea si è rivelata vicina a diverse dozzine di persone che la pensano allo stesso modo e presto è stata rilasciata la prima versione di Lime.
La prima cosa che ripugna quando si ha familiarità con questo editor è l'assenza di almeno una parvenza di pacchetti binari. In generale, la logica di una tale decisione è chiara: Lime non è un'intera applicazione, ma un insieme di un backend separato nel linguaggio Go e un paio di frontend tra cui scegliere. Tuttavia, questo non rende le cose più facili: un tentativo di fare in modo che Lime funzioni in modo elementare si trasforma in un eccitante giocherellare con le dipendenze di Go, le configurazioni e altre gioie della vita.
Per quanto riguarda lavorare in questo editor, al momento è francamente scomodo, e infatti non c'è niente da scrivere su qualcosa di unico. Lime non può ancora vantare nemmeno quelle funzionalità che sono date per scontate in altri editor di testo. Sembra che gli sviluppatori stiano ancora prestando molta più attenzione all'architettura dell'applicazione e alla pulizia del codice che alla funzionalità. In una certa misura, la situazione viene salvata dalla parziale compatibilità con l'API Sublime (beh, e alcune parti di TextMate, rispettivamente), ma nonostante ciò, Lime ha ancora grossi problemi di usabilità.
In generale, oggi Lime lascia una doppia impressione. Probabilmente è fantastico quando il tuo strumento di lavoro è completamente aperto e così flessibile. Ma siamo onesti con noi stessi: quanti di noi penserebbero mai di riscrivere il front-end del nostro word processor? Quanti di noi penserebbero di sviluppare un editor di testo per se stessi a causa di qualche inconveniente invece di utilizzare questo strumento per lo scopo previsto, vale a dire, per scriverci i nostri programmi? La maggior parte degli sviluppatori (specialmente quelli che non sono malati di Stallman del cervello) ne avranno abbastanza delle funzionalità di Sublime Text e del suo sistema di plug-in per risolvere le attività quotidiane. E, ad essere onesti, per diversi anni di lavoro quotidiano in Sublime, non ho riscontrato bug super-critici per i quali non sono riuscito a trovare la mia soluzione alternativa. Quindi, in questa fase, Lime è davvero adatto solo ai fan sfegatati dell'open source con un'enorme quantità di tempo libero e il desiderio di rendere questo mondo un po' migliore.
Staffe di Adobe
Brackets è un progetto abbastanza giovane (lo sviluppo è in corso dal 2011), ma un progetto interessante di Adobe. Il suo obiettivo è semplice: creare un ambiente di sviluppo minimalista e confortevole che richiederebbe uno sforzo minimo da parte dello sviluppatore. Nella mia memoria, c'è già stato un numero considerevole di progetti con obiettivi simili. Vediamo se Adobe è riuscita a fare qualcosa di interessante con l'aiuto della community in questo campo.
Sorprendentemente, Brackets è abbastanza buono. Tutto quello che serve funziona fuori dagli schemi (dopo Lime, anche questo diventa, in un certo senso, un plus). Il progetto risolve davvero il suo compito principale- semplifica la scrittura del codice, sebbene lo faccia praticamente senza approcci fondamentalmente nuovi. E a proposito, non c'è niente di sbagliato in questo.
Brackets è scritto in HTML / JS (grazie per non Flash o Adobe AIR :)), strettamente integrato con Node.js. Esternamente fuori dalla scatola, fa un'impressione molto favorevole (anche se non senza un tocco di qualche giocattolo). Ciò che mi ha conquistato con la prima sequenza di tasti è stato l'incredibile completamento automatico HTML / CSS / JS / jQuery. È davvero intelligente e contiene anche molte piccole cose carine (ad esempio, un selettore di colori integrato o uno strumento per una splendida selezione di transizioni in CSS).
Ma la principale caratteristica killer per me era la modifica in linea delle sezioni di codice correlate. Questa è un'opportunità per visualizzare e modificare, ad esempio, un insieme di proprietà CSS in base alla sua classe o ID direttamente dal file di layout HTML in un'area separata. Brackets analizza la struttura del tuo progetto in tempo reale, costruisce un albero delle dipendenze e ti permette di scrivere sezioni di codice interdipendenti, praticamente senza uscire dal contesto principale del file. Lo ammetto, questo è esattamente il tipo di funzionalità che ho visto un paio di anni fa nel mio semplice editor di testo (sono sicuro di non essere solo). Quindi questa funzione è una buona notizia.Altre funzionalità includono l'accesso rapido alla documentazione (anche se non così dettagliato come in Light Table), JSLint pronto all'uso e un simpatico gestore di plugin. Anche se, ovviamente, Brackets non può vantare una tale abbondanza di pacchetti come in Sublime.
In generale, nonostante supporti in una certa misura, ad esempio, Ruby o Python, Brackets si concentra principalmente sugli sviluppatori front-end. Soddisferà perfettamente le esigenze dei progettisti di layout, lasciandosi dietro in qualche modo anche IDE specializzati. Non troverai nulla di rivoluzionario in esso, ad eccezione della modifica in linea del codice. Tuttavia, ciò che abbiamo è stato fatto con coscienza e con un'anima. Se principalmente impasti o scrivi il codice client su uno stack non troppo complicato, le parentesi potrebbero essere di tuo gradimento.
Zed
Zed è un editor di testo piuttosto hipster che cerca anche di ripensare processo moderno sviluppo software. Mentre Light Table sta cercando di cambiare il principio di progettazione stesso, Zed si limita principalmente a sperimentare con l'interfaccia. Lo sviluppo è iniziato nel 2011 e oggi sul sito ufficiale Zed è disponibile come binari per le principali piattaforme, nonché come applicazione per Chrome Web Negozio.
La prima cosa che salta all'occhio quando conosci Zed è la mancanza di elementi familiari dell'interfaccia come l'albero del progetto o le schede. Un passaggio piuttosto controverso, spesso durante lo sviluppo è molto più facile navigare nella struttura del progetto tramite l'albero. Ma in assenza di tab, c'è un po' di grana razionale: di solito quando si lavora con grandi progetti il numero di schede aperte cresce in modo esponenziale e dopo mezz'ora di lavoro devi percorrerle costantemente, chiudendo ciò con cui non stai lavorando al momento. In Zed, la navigazione del progetto viene eseguita saltando direttamente al file desiderato nel progetto con il suo nome (Ctr / Cmd + E) attraverso una piccola console nella parte superiore dell'applicazione.
La seconda caratteristica memorabile di Zed è la sua enfasi su un'interfaccia multi-colonna. L'editor supporta diverse opzioni fisse per suddividere lo spazio di lavoro: 50/50%, 25/75% e così via. Va notato che la seconda (o anche la terza) colonna è destinata non solo alla modifica simultanea di più file, ma anche all'anteprima istantanea del codice in linguaggi che richiedono la preelaborazione (come Markdown o CoffeeScript).
Quando lavori con Zed, puoi davvero sentire la sua attenzione sull'editing remoto. Quindi, pronto all'uso, ha un fantastico supporto per la modifica di file da Dropbox o direttamente su Server remoto e supporta le sessioni. Ma è proprio come redattore che Zed è piuttosto scarso. Il suo completamento automatico integrato è basato su dizionario, non ha mezzo conveniente lavorare con le estensioni non ti consente di personalizzare l'interfaccia utente come vorresti. Anche se, probabilmente, Zed semplicemente non si occupa di questo.
A proposito, va notato che Zed è molto premuroso. A volte, l'applicazione si blocca a lungo e perde tutta la reattività, il che, ovviamente, non aggiunge comodità a un'esperienza già piuttosto insolita.
Tutto sommato, Zed è strano e sicuramente non per tutti. A meno che non ti preoccupi di personalizzazioni infinite interfaccia utente, la portabilità è importante per te, la possibilità di modifica stabile dei file su un server remoto e sei pronto per provare qualcosa di insolito, puoi giocare. Ma per la programmazione quotidiana, Zed non è chiaramente adatto.
Ciao cari lettori del sito blog. Era da tanto tempo che volevo scrivere di un meraviglioso editor gratuito (il link porta al sito ufficiale, dove si può scaricare ultima versione con supporto per la lingua russa).
Per molti anni è stato uno dei programmi più richiesti e utilizzati da me per modifica html, CSS e codice PHP. Sono persino sorpreso: "come ho fatto a farne a meno prima, realizzando il suo potenziale con l'aiuto di altri programmi?".
Ora, sul mio computer, sono sempre in esecuzione un paio di browser contemporaneamente, un gestore FTP molto semplice, gratuito e conveniente FileZilla e questo stesso editor, le cui capacità sono semplicemente incomparabili con il notebook utilizzato di default in Windows. Ma prima le cose principali.
Download e funzionalità dell'editor Notepad ++
L'installazione del programma in Windows viene eseguita completamente nel solito modo... Puoi anche, se lo desideri scarica Blocco note ++ Portatile che rappresentano versione portatile questo editor, che non richiede installazione nel sistema operativo.
La versione portatile può essere ottenuta dalla versione normale se decomprimi l'archivio con il programma in qualsiasi posto conveniente ed esegui file eseguibile blocco note.exe.
Tutti i pro dell'editor Notepad ++
In effetti, il notebook integrato in Windows differisce dal nostro eroe allo stesso modo del cielo e della terra. In un classico notebook non c'è praticamente altro che la possibilità di visualizzare e creare i più semplici file di testo (si scopre qualcosa di simile a un bastone da scavo usato dalle persone nelle prime fasi di sviluppo).
Avendo iniziato ad utilizzare Blocco note con due vantaggi, almeno per la regolazione dei file Html e CSS, si entrerà subito dall'età della pietra nella cabina di una moderna macchina movimento terra. Ci sono, ovviamente, altri programmi alternativi e persino, ma per un principiante, un "blocco note con due vantaggi" sarà proprio questo (IMHO).
Sì, certo, usarlo può sembrare complicato e non convenzionale all'inizio. Ma questo è solo all'inizio della conoscenza, e quindi sarà altrettanto difficile per te farne a meno, poiché, ad esempio, molti utenti di computer non immaginano la loro vita (anche una sorta di "classico").
Se confrontiamo Notepad ++ con programmi più complessi progettati per facilitare la scrittura e la modifica di vari codici, come Dreamweaver, allora ci sono parecchi argomenti per usare il nostro eroe:
- in primo luogo, è assolutamente gratuito, il che significa che puoi risparmiare molto utilizzandolo al posto di Dreamweaver, se non prendi in considerazione le versioni compromesse dei programmi a pagamento (che potrebbero essere un terreno fertile per Trojan e altri virus).
- In secondo luogo, Blocco note è molto di più leggero e veloce di molti degli editori pagati. Inoltre, è possibile utilizzarlo senza installarlo affatto nel sistema operativo Windows (il cosiddetto versione portatile- portatile) e indossalo, diciamo. Di conseguenza, avrai sempre a portata di mano uno strumento comodo, funzionale e ben compreso per lavorare con Html, PHP e diverse decine di altri tipi di codice.
Perché vale la pena scaricare questo editor?
Esaminiamo brevemente le sue capacità e caratteristiche, quindi proviamo a considerarle in modo più dettagliato. Quindi, Notepad ++ può fare quanto segue:
- Evidenzia diverse dozzine dei linguaggi di programmazione e markup più popolari, ad esempio: Ada, Assembler, C, C #, C ++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP , Python, Ruby, SQL, XML.
- È molto facile da implementare in esso cambia codifica, ad esempio, a quello ormai popolare, di cui ho parlato in un articolo dedicato alla lotta contro krakozyabras nelle codifiche russe (vedi link).
- In una finestra del programma, puoi aprire tutti i file che desideri per la modifica, poiché Notepad ++ utilizza schede alla maniera di quelli a cui sei già abituato nei browser moderni.
Il colore del floppy su ciascuna scheda mostra se hai salvato le tue produzioni in essa. ultimi cambiamenti utilizzando un floppy simile nella barra degli strumenti. Sulla scheda attiva, il floppy disk rosso (e su quello inattivo - viola) parla della tua dimenticanza.
- Con questo editor, puoi mantenere Ricerca(Ctrl + F) sia per il documento aperto in esso, sia per tutta una serie di file di testo situati in una cartella specifica. La ricerca con sostituzioni e l'utilizzo di espressioni regolari è possibile. Uno strumento incredibilmente utile.
- Nelle impostazioni di questo editor è possibile abilitare la prescrizione automatica del tag Html di chiusura durante la digitazione di quello di apertura, nonché l'opzione di completamento automatico dei tag.
- Notepad ++ non solo mantiene una cronologia di tutte le tue modifiche e ti consente di eseguire il rollback di tutti i passaggi che desideri o di tornare indietro, ma implementa anche archiviazione di backup copie di questi documenti alla maniera di Microsoft Word.
- Questo editor ha la capacità di controllare tasti di scelta rapida, di cui è impostata una grande varietà - dal menu in alto "Opzioni" - "Tasti di scelta rapida". Inoltre, facendo doppio clic sulla combinazione che ti interessa, si aprirà una finestra per la riassegnazione dei tasti, che può essere comoda per chi passa a Blocco note da un altro editor.
- Blocco note nel corso degli anni della sua esistenza ho un sacco di plugin, alcuni sono installati con esso per impostazione predefinita e il resto sarà disponibile dal menu in alto "Plugin" - "Plagin Manager" - "Mostra Plagin Manager".
Per installare, è sufficiente selezionare la casella accanto al plug-in nella prima scheda e fare clic sul pulsante "Installa".
Successivamente, la finestra dell'editor verrà ricaricata e il nuovo plugin sarà disponibile nella scheda con lo stesso nome:
- Anche questo" coltello svizzero»Sa come connettersi al tuo sito Web tramite FTP, registrare e riprodurre macro, controllare l'ortografia al volo, confrontare due file in finestre aperte uno accanto all'altro e molto, molto altro ancora.
Per tutte queste lingue evidenziazione della sintassi, suddividendo il codice in righe e blocchi che possono essere compressi facendo clic sul meno ed espansi facendo clic sul più. E anche la linea tratteggiata può visualizzare la relazione tra gli elementi. Ad esempio, ho preso uno snippet di codice PHP per dimostrare le capacità di questo editor:
Se clicchi sul tag Html di apertura, questo verrà evidenziato con uno sfondo blu e contemporaneamente verrà evidenziato anche il tag di chiusura, se presente. Ottimo per trovare oggetti non chiusi e.
Cos'altro potresti aver bisogno nel Blocco note ++
- Grazie all'evidenziazione della sintassi in Notepad ++, è molto semplice, ad esempio, verificare se tutti i tag Html nel codice sono chiusi e, con un'esperienza minima, lo contrassegnerai già visivamente nel codice che hai c'è stato un errore da qualche parte, perché la combinazione di colori del codice in questo posto cambierà.
- Inoltre, a causa del fatto che il codice è evidenziato a colori e il solito testo dei miei articoli rimane nero, è molto conveniente che il mio correttore grammaticale costante (amata moglie) controlli la grammatica in esso. No, certo, ne uso anche diversi, ma nessuno di questi è ancora in grado di controllare la punteggiatura e anche gli errori semantici.
- Mi piace molto anche la possibilità di visualizzare visivamente singoli blocchi di codice in questo editor di testo evidenziando parentesi come () (). Quando il cursore del mouse si trova tra parentesi, vengono evidenziate, come se si evidenziassero l'inizio e la fine blocco html o codice PHP.
- Oltre all'ottima implementazione della retroilluminazione, va segnalata separatamente la possibilità Fai un passo indietro(Annulla azione precedente). Inoltre, il numero di passi indietro non è limitato, il che consente di non aver paura di sperimentare il codice senza il rischio di conseguenze irreversibili.
L'annullamento di un'azione in Notepad ++ è possibile utilizzando i tasti di scelta rapida Ctrl + Z (Ctrl + Y è un passo avanti, ovvero annullando l'annullamento), utilizzando le voci di menu corrispondenti "Modifica" o utilizzando i pulsanti a forma di frecce curve sulla barra degli strumenti di questo editor.
- Notepad ++ monitora costantemente lo stato dei documenti aperti al suo interno e se vengono modificati o eliminati, ad esempio in un altro programma, ti verrà mostrata una finestra con una proposta per chiudere questa scheda con il documento o ricaricare la sua versione modificata .
- Come ho detto prima, il blocco note due più ha la possibilità di impostazioni di evidenziazione della sintassi(così come una dozzina di altre lingue) per soddisfare i tuoi gusti e le tue esigenze, ma non ho mai usato questa opzione, perché le impostazioni predefinite vanno bene.
Ma nessuno ti disturba a farlo, poiché tutto è estremamente semplice: seleziona le opzioni "Opzioni" - "Definisci stili" dal menu in alto, a seguito della quale si aprirà una finestra in cui puoi mettere a punto i caratteri e i colori per evidenziare Html, PHP o qualsiasi altra lingua di cui hai bisogno.
- Un altro gadget, che mi sembra abbastanza comodo in questo editor, è la possibilità di trascinare i collegamenti ai documenti direttamente nella finestra del programma per aprirli (sebbene questo non possa sorprendere nessuno) e la possibilità Trascinare e rilasciare nel documento stesso, lo snippet di codice evidenziato (con il tasto sinistro del mouse) nella posizione desiderata.
- Quando lavori con Notepad ++, avrai la possibilità mettere marcatori, che in esso sono chiamate note, ma l'essenza di questo non cambia. Nella riga di cui hai bisogno, puoi posizionare un pennarello sotto forma di un punto blu sul margine sinistro facendo clic con il mouse.
Per impostare un marker (note) nell'editor è possibile utilizzare anche la scorciatoia da tastiera Ctrl-F2, e per spostarsi tra i marker impostati nel documento sarà sufficiente premere F2 o Shift-F2 in sequenza per scorrere le note nella direzione opposta.
- Se stai lavorando in questo editor con un file Html, puoi vedere come apparirà il tuo codice nel browser FireFox o IE selezionando le voci di menu appropriate "Start". Se hai bisogno di un altro browser, seleziona la voce in alto "Start" e trova l'eseguibile di cui hai bisogno nella finestra che si apre.
- Anche disponibile la possibilità di registrare macro, che non ho ancora creato, ma la logica del loro lavoro è abbastanza semplice. Per prima cosa lo registri scegliendo dalle voci di menu dell'editor "Macro" - "Avvia registrazione", quindi inserisci le macro registrate in Posto giusto codice selezionandoli dal menu dell'editor o utilizzando i tasti di scelta rapida loro assegnati.
Anche in Blocco note ++ c'è una possibilità completamento automatico la parola che stai digitando, il che può essere molto comodo se non sei sicuro della correttezza dell'ortografia di questo o quell'operatore in Html, PHP o qualsiasi altro codice. Per fare ciò, durante la digitazione, è sufficiente premere la combinazione di tasti Ctrl-Spazio e selezionare l'opzione desiderata dalla finestra che si apre:
Se si desidera rendere automatico il completamento automatico del codice, senza utilizzare i tasti di scelta rapida, sarà necessario selezionare dal menu in alto "Opzioni" - "Impostazioni" e nella scheda "Prenota / Completamento automatico" inserire un segno di spunta la casella "Abilita per ogni voce".
Codifiche e utilizzo dei file nella finestra dell'editor di Notepad ++
- Va notato che questo editor di codice consente di salvare e convertire Html, PHP e altri file nella codifica UTF-8 (senza BOM). Questo mi ha aiutato più di una volta a superare il problema con la codifica russa quando si lavora con vari siti.
Quando volevo cambiare qualsiasi iscrizione sul sito in russo, spesso finivo con krakozyabras, la cui causa era la codifica Windows-1251, in cui è stato salvato il file originale.
Dopo che il file originale è stato convertito in Codifica UTF-8 (senza BOM), krakozyabry trasformato con successo in normali simboli russi. Quella. se aggiungi l'alfabeto cirillico a qualsiasi file del motore, per la sua corretta visualizzazione sul sito dovrai salvarlo immediatamente nella codifica corretta o quindi convertirlo.
Probabilmente dovrei dire qualche parola su questa stessa distinta base. Il punto è che quando lavori con oggetti di testo diversi in condizioni normali Blocco note di Windows, quindi quando lo si salva nella codifica UTF-8, vengono aggiunti caratteri invisibili (BOM), che possono successivamente influire sulle prestazioni di questo file(ad esempio PHP potrebbe generare un errore).
- Se vuoi stampare il contenuto di un file aperto, il codice non verrà stampato nella forma in cui lo vedi nella finestra del programma. Ma scegliendo dal menu "Opzioni" - scheda "Impostazioni" "Sigillo" sarai libero di cambiarlo e scegliere l'opzione per stampare il codice evidenziandolo a colori, consentire la visualizzazione di numeri di riga, intestazioni e piè di pagina, ecc. cose:
- Questo editor di testo avanzato ha anche la capacità di aprire tutti i nuovi documenti che vuoi, senza timore di ingombrare la barra delle applicazioni del sistema operativo. All'unisono con i browser moderni, aprirà tutti i nuovi documenti non in una nuova finestra del programma, ma in una nuova scheda finestra già aperta.
Inoltre, queste schede di vari documenti nella finestra di questo notebook possono essere trascinate arbitrariamente con il mouse, chiuse e ridotte a icona.
Bene, a seconda delle impostazioni effettuate ("Opzioni" - "Impostazioni"), tutte le schede aperte prima della chiusura di Notepad ++ verranno ripristinate al successivo avvio del programma (di nuovo, in modo simile al lavoro dei browser). Puoi chiudere inutilmente doppio click su di essi o posizionarli verticalmente.
- Oltre alle consuete operazioni con le schede, in questo editor sarà possibile aprire in una finestra alla volta due copie dello stesso documento... Questo potrebbe essere necessario se hai bisogno di lavorare con il documento nelle sue diverse parti (da qualche parte da guardare o copiare e da qualche parte dove incollare).
Per attivare questa modalità, è sufficiente fare clic su clic destro mouse sulla scheda desiderata Editor PHP e scegli tra elemento scorciatoia Duplica in un'altra finestra.
È molto conveniente che salvando le modifiche in una delle copie del documento, anche la seconda venga aggiornata (cioè non ti confonderai: hai salvato le modifiche apportate e in quale copia).
- piace molto anche a me ricerca integrata su documenti Html o PHP aperti con possibilità di sostituzione(alcune persone usano attivamente le espressioni regolari per questo, ma con mia vergogna non le conosco). Tutta la ricchezza della ricerca in questo editor di testo avanzato può essere apprezzata semplicemente aprendo la voce di menu "Cerca". Guarda lo screenshot all'inizio dell'articolo.
In generale, questo editor di testo ha tratto molte cose utili e convenienti dalla funzionalità di altre applicazioni, per le quali viene dato un rispetto separato ai suoi sviluppatori e a coloro che creano plug-in per esso, alcuni dei quali verranno ora discussi.
Utilizzo dei plugin in Blocco note ++
Permettimi di ricordarti che per installare un nuovo plugin, devi solo selezionare dal menu in alto dell'editor "Plugins" - " Plagin Manager"-" Mostra gestore plagin ".
E nella finestra che si apre, nella prima scheda (dal menu in alto), spunta la casella del plugin che ti serve e clicca sul pulsante "Installare".
Successivamente, la finestra dell'editor verrà ricaricata e il nuovo plugin sarà disponibile nella scheda con lo stesso nome. In generale, tutto non è da nessuna parte più facile.
Di quali plugin per Blocco note potresti aver bisogno nel tuo lavoro
- Se installi il plugin Customize Toolbar usando Plagin Manager, sarai in grado di rimescolare, rimuovere o aggiungerne di nuovi. pulsanti della barra degli strumenti questo programma.
- All'inizio dell'articolo, ho menzionato Light Explorer, che aggiunge la possibilità di aprire nella colonna di sinistra file manager... Tuttavia, per lo stesso scopo, puoi utilizzare Explorer, che troverai nel gestore dei plugin.
- Ottimo plugin WebModifica, che, per analogia con Editor HTML Wordpress per inquadrare il testo con i tag più popolari per intestazioni, elenchi, tabelle e altro. Seleziona il frammento desiderato e fai clic su uno dei pulsanti sulla barra degli strumenti di Notepad ++.
- ImgTags - consente con dimensioni orizzontali e verticali già prescritte (le calcola da solo, il che è molto bello), preparato Attributi ALT e SRC (dovrai anche aggiungere il percorso alla cartella con le immagini sul tuo server lì).
Il plugin fornisce molti gadget aggiuntivi e convenienti "TextFX", che dopo l'installazione sarà disponibile nella voce omonima nel menu in alto dell'editor. Se non hai ancora un elemento del genere, vai su "Plugin" - "Gestione plagin" - "Mostra gestore plagin", scorri verso il basso l'elenco nella prima scheda e seleziona la casella accanto a Carattere TextFX.
Dopo averlo installato, l'editor si riavvierà e verrà visualizzato il menu nuovo oggetto TextFX con molti menu a discesa. Ad esempio, l'attivazione dell'opzione mostrata nella figura può semplificarti notevolmente la vita durante la modifica o scrivere html codice:
In questo caso, non appena inserisci il tag Html di apertura nell'editor di testo Notepad ++, accanto ad esso apparirà immediatamente un tag di chiusura corrispondente. A fronte di un forte risparmio di tempo e di una sensibile diminuzione della probabilità di errori dovuti ad un tag non chiuso. Tuttavia, questa cosa mi infastidisce e non la uso. Ma questo non elemosina in alcun modo la sua dignità.
Ci sono molti gadget in "TextFX", quindi prova tu stesso il loro lavoro in pratica e decidi cosa esattamente sarà conveniente e utile per te.
Bene, continuando il tema delle schede nell'editor, vale la pena menzionare la possibilità confronto di due documenti... Innanzitutto, questo plugin dovrà essere installato tramite Plagin Manager:
Per attivare la modalità di confronto dei documenti in Notepad ++, è sufficiente selezionare le voci "Componenti aggiuntivi" - "Confronta" - "Confronta" dal menu in alto o premere Alt + D sulla tastiera. Di conseguenza, la scheda attualmente attiva verrà aperta nella finestra di questo blocco appunti, così come la scheda situata accanto ad essa.
Per la comodità di confrontare due documenti Html o PHP, l'editor Notepad ++ evidenzierà le loro differenze per te. Per passare alla modalità normale di lavoro con i documenti, seleziona le voci "Componenti aggiuntivi" - "Confronta" - "Cancella risultati" nel menu in alto o premi Ctrl + Alt + D sulla tastiera.
Inoltre, due documenti nella finestra Notepad++ possono essere visualizzati sia verticalmente che orizzontalmente. Per selezionare il metodo più conveniente per te, fai clic con il pulsante destro del mouse sul punto della loro sezione e seleziona la direzione di rotazione (destra o sinistra).
A proposito, se tu, come me, usi principalmente Notepad ++ per modificare Html, o File PHP tuo sito, allora potresti trovare utile poterti connettere ad esso via FTP direttamente da questo editor di testo... Tuttavia, mi piace lavorare con FileZilla di più a mio piacimento, soprattutto perché sono persino riusciti a rubare le mie password.
Se vuoi provare a lavorare su FTP tramite Blocco note, seleziona dal menu in alto le voci "Plugin" - "NppFTP" - "Mostra finestra NppFTP", a seguito delle quali si aprirà la finestra del client FTP sulla destra.
Per configurare una connessione FTP, fai clic sull'icona a forma di ingranaggio, seleziona "Impostazioni profilo" e inserisci i dettagli della connessione. L'ulteriore lavoro non è molto diverso da quello che ho scritto nell'articolo su FileZilla, che vive.
Controlla la casella ortografica in Blocco note ++ usando i plugin
Per connettere Controllo grammaticale russo Notepad ++ utilizza il plug-in Shell-Checker (dalla voce di menu Plugin), per il quale è necessario scaricare il dizionario della lingua russa da questa pagina e, quando questo plug-in per il controllo ortografico è attivato, specificare il percorso sul computer del file del dizionario.
Ci sono alcune sfumature dell'installazione. Per prima cosa avrai bisogno Scarica Installer completo, quindi un file con il dizionario russo aspell-ru-0.50-2-3.exe. Innanzitutto, installa il programma di installazione completo, nella procedura guidata di cui, personalmente, non ho modificato il percorso predefinito (c: \ Program Files (x86) \ Aspell \).
Installa quindi il language pack, dove all'inizio dovrai inserire la lettera "y" nella finestra del DOS e premere Invio sulla tastiera (anche se forse era solo per me, poiché avevo già installato GNU Aspell sul mio computer prima ):
Quindi inizierà la procedura guidata standard per l'installazione del dizionario russo, dove, ancora una volta, non ho modificato il percorso predefinito. Qualunque cosa.
Ora riavvia Notepad ++ e seleziona gli elementi mostrati appena sopra dal menu o tieni premuta la combinazione irrealistica CTRL + ALT + MAIUSC + S sulla tastiera. Nella finestra che si apre, dovrai inserire il percorso della directory BIN dalla cartella Aspell:
Se non hai modificato il percorso durante l'installazione di GNU Aspell e del dizionario russo, dovrai inserire qui:
C:\Programmi (x86)\Aspell\bin\
Bene, o qualcosa di simile, a seconda del tuo sistema operativo. Ecco fatto, ora seleziona il testo in cui desideri controllare l'ortografia e premi CTRL + ALT + MAIUSC + S (nelle impostazioni dei tasti di scelta rapida, questa combinazione può essere modificata - vedi sopra). Apparirà una finestra in cui verrà visualizzato il primo errore trovato:
Puoi ignorarlo o scegliere un sostituto adatto tra le opzioni proposte. Di seguito è possibile modificare la lingua di controllo se sono stati installati diversi moduli di lingua GNU Aspell. È tutto.
DControllo ortografico- molto soluzione conveniente alla maniera del plugin precedente, perché usa anche GNU Aspell e il suo dizionario russo, ma fa già il controllo ortografico al volo, proprio come in tutti i browser moderni. Vai al gestore dei plugin e installalo.
Immediatamente, per impostazione predefinita, verrà attivato il controllo grammaticale (viene disabilitato deselezionando la casella di controllo mostrata nello screenshot), ma il modulo sarà collegato solo con l'inglese, quindi andiamo nelle impostazioni di DSpellCheck e apportiamo le modifiche.
Selezioniamo Aspell dall'elenco a discesa (se non l'hai ancora installato, scorri un po' questo articolo e carica il modulo insieme al russo pacchetto lingua per installarli sul tuo sistema operativo) e appena sotto specifica il percorso del file aspell-15.dll. Subito sotto, seleziona la lingua del dizionario da collegare, se ne metti più di una, e clicca su Applica.
Ora tutti gli errori trovati saranno sottolineati con una linea ondulata rossa (puoi cambiare il colore nelle impostazioni) e quando muovi il cursore del mouse, apparirà una freccia, facendo clic su cui puoi selezionare un'opzione Spelling corretto la parola data, o mettila nel dizionario o nell'elenco da ignorare.
Buona fortuna a te! A presto sulle pagine del sito blog
puoi guardare più video andando su");">
Potresti essere interessato
Come rimuovere le righe vuote nel Blocco note ++ Come isolare i domini da un elenco di indirizzi URL e rimuovere i loro duplicati utilizzando Notepad ++ (preparazione di un elenco per i collegamenti Disavow)