{"id":4140,"date":"2023-03-30T20:52:35","date_gmt":"2023-03-30T19:52:35","guid":{"rendered":"https:\/\/www.gcportal.com\/wordpress\/?p=4140"},"modified":"2023-03-30T20:54:01","modified_gmt":"2023-03-30T19:54:01","slug":"introduzione-a-vi-visual-editor","status":"publish","type":"post","link":"https:\/\/www.gcportal.com\/wordpress\/archives\/4140","title":{"rendered":"Introduzione a vi (Visual Editor)"},"content":{"rendered":"\n

VI (visual editor) \u00e8 il pi\u00f9 importante e diffuso programma di editing dei file nell’ambiente UNIX e LINUX, in quanto possiede delle funzionalit\u00e0 che se utilizzate a fondo ne fanno uno strumento incredibilmente potente.

Per procedere all’editazione di un file basta digitare il comando\u00a0“vi”<\/strong>\u00a0seguito, o dal nome di un file gi\u00e0 esistente nel caso in cui lo si voglia modificare, oppure dal nome di un nuovo file nel caso lo si voglia creare.

Nel momento in cui si procede all’editazione di un testo nell’ultima riga vengono sempre visualizzate le informazioni sul file aperto, come il numero di righe e di caratteri, il resto dell’area \u00e8 destinata all’immissione dei comandi.

Se le righe non sono sufficienti a coprire tutta la porzione dello schermo a disposizione ne resteranno di vuote contrassegnate dalla tipica\u00a0“~”<\/strong>.
Questo editor possiede 3 diverse modalit\u00e0 di funzionamento in cui si svolgono azioni differenti:

Modalit\u00e0 d’inserimento o di input<\/strong>
Questo tipo di modalit\u00e0 fa riferimento alle azioni che consentono di modificare e aggiungere del testo. Una volta editato un file si accede a questa modalit\u00e0 con vari comandi, tra cui il tasto\u00a0“i”<\/strong>\u00a0che inserisce i caratteri prima del punto in cui \u00e8 posizionato il cursore o\u00a0“a”<\/strong>\u00a0che invece inserisce i caratteri dopo il punto in cui \u00e8 posizionato il cursore.

Modalit\u00e0 di comando visiva<\/strong>
La modalit\u00e0 di comando visiva permette di utilizzare una serie particolare di comandi ed \u00e8 quella attivata di default. All’interno di questa modalit\u00e0 i comandi inseriti si riferiscono alla riga su cui \u00e8 posizionato il cursore. Per passare alla modalit\u00e0 visuale da quella di inserimento, \u00e8 sufficiente premere il tasto Esc.

Modalit\u00e0 di comando due punti<\/strong>
La terza e ultima modalit\u00e0 \u00e8 quella che consente di utilizzare i comandi del salvataggio o dell’uscita dal programma. Per utilizzare questa modalit\u00e0 ed i conseguenti comandi premere\u00a0“:”<\/strong>\u00a0seguiti dal comando. In questo caso il cursore viene posizionato sull’ultima riga.<\/p>\n\n\n\n

$ vi [file] Apre il file con VI\n$ vi [+n][file] Apre il file con VI alla riga corrispondente al numero\n\nSe non si specifica il nome del file VI apre una sessione nuova.<\/pre>\n\n\n\n
Conoscere vi con vimtutor<\/h4>\n\n\n\n
Per chi non lo conosce o chi ne usa solo una minima parte delle enormi possibilit\u00e0, esiste un comodo e interessante strumento per approfondire e fare pratica con vi: Vimtutor<\/strong>.<\/p>\n\n\n\n
E’ un semplice ed ingegnoso comando, che apre una finestra di vi contenente un testo di spiegazioni e tutorial, che accompagna l’utente ad esplorare e conoscere vi, con prove pratiche eseguite direttamente sul testo.
Il testo del tutorial  disponibile in molti linguaggi e per sceglirli, basta definirli come argomento: <\/p>\n\n\n\n
$ vimtutor it<\/pre>\n\n\n\n
Il tutorial \u00e8 adatto a chi si avvicina per la prima volta a vi e a chi lo usa gi\u00e0, ma non ne sfrutta le enormi e comodo potenzialit\u00e0. Il vantaggio di un simile approccio didattico supera ogni possibile testo scritto, come questi:
vi si impara usandolo e impratichendosi con i suoi comandi e un tutorial “live” \u00e8 il mezzo in assoluto migliore per conoscere vi.<\/p>\n\n\n\n
Inserimento testo con VI<\/h4>\n\n\n\n
i<\/strong> Inserisce testo prima del cursore\na<\/strong> Aggiunge testo dopo il cursore\nA<\/strong> Aggiunge testo alla fine della riga\nI<\/strong> Aggiunge testo all'inizio della riga\no<\/strong> Aggiunge una riga prima del cursore\nO<\/strong> Aggiunge una riga dopo il cursore\nESC<\/strong> Esce dalla modalit\u00e0 di inserimento\nBACKSPACE<\/strong> Si sposta indietro di un carattere<\/pre>\n\n\n\n
Esistono vari comandi per inserire testo con VI.
La loro differenza fondamentalmente \u00e8 su DOVE viene inserito il nuovo testo.<\/p>\n\n\n\n
Modifica e cancellazione del testo<\/h4>\n\n\n\n
Ecco alcuni dei comandi pi\u00f9 comuni per modificare il testo di un file<\/p>\n\n\n\n
cw <\/strong>Cancella la parola sotto il cursore ed entra in modalit\u00e0 inserimento.\ndw <\/strong>Cancella una parola sotto il cursore.\ncc <\/strong>Cancella l'intera riga sotto il cursore ed entra in modalit\u00e0 inserimento.\ndd <\/strong>o :d<\/strong> Cancella la riga corrente (sotto il cursore).\n:dn<\/em><\/strong> Cancella n<\/em> righe, a partire da quella corrente.\nn<\/em> cc<\/strong> Cancella n<\/em> righe e si mette in modalit\u00e0 inserimento.<\/pre>\n\n\n\n
Utilizzare i buffer in vi<\/h4>\n\n\n\n
Vi offre la possibilit\u00e0 di utilizzare una serie di buffer per memorizzare parti di testo.<\/p>\n\n\n\n
Chiunque abbia un po di dimestichezza con vi, sa che copiando una riga con l’istruzione yy<\/code> questa viene memorizzata in un buffer di default. Non tutti sanno invece che vi non possiede soltanto il buffer di default ma altri 26<\/strong> buffer ognuno dei quali \u00e8 associato ad una lettera dell’alfabeto. Per utilizzare il buffer associato alla lettera ‘a’, per esempio, dobbiamo riferirci ad esso con il comando “a:<\/strong>
<\/p>\n\n\n\n
“ayy <\/strong>copia la linea corrente nel buffer a
“ap <\/strong>incolla il contenuto del buffer a sotto la riga corrente
“a4yy <\/strong>copia 4 linee, a partire da quella corrente, nel buffer a
“a2p <\/strong>incolla 2 copie del buffer a sotto la riga corrente
“add <\/strong>cancella la riga corrente e la copia nel buffer a

Se ci riferiamo ad un buffer con la lettera minuscola il contenuto del buffer viene sostituito mentre se ci riferiamo ad un buffer con la lettera maiuscola il contenuto viene aggiunto a quello gi\u00e0 presente nel buffer:

“Ayy <\/strong>aggiunge la riga corrente al buffer a
“A3dd <\/strong>cancella 3 righe, a partire da quella corrente, e le aggiunge al buffer a

Il contenuto dei buffer viene mantenuto anche quando passiamo da un file all’altro in una stessa sessione di vi con i comandi ex<\/code>:<\/p>\n\n\n\n
$ vi [file1] edita il file1<\/em><\/strong>\n\"b4yy<\/strong> copia 4 linee nel buffer a\n:e<\/strong> [file2] passa a editare il file2\n\"ap<\/strong> copia le 4 linee del file1 nel file2<\/pre>\n\n\n\n
Multi Editing con vi<\/h4>\n\n\n\n
In vi \u00e8 possibile editare pi\u00f9 file contemporaneamente ed utilizzare i comandi ex per spostarsi da un testo all’altro.<\/p>\n\n\n\n
Il comando: vi [file1] [file2] aprir\u00e0 inizialmente il file1<\/em>, tramite il comando :n<\/code> passiamo a editare il file2<\/em>; se sono state apportate delle modifiche al file che stiamo editando che non sono state salvate, vi non permetter\u00e0 di passare da un file ad un’altro, a meno di non forzare il comando aggiungendo alla fine un punto esclamativo :n!; ovviamente in questo caso andranno perdute tutte le modifiche effettuate.

E’ possibile anche utilizzare il comando  vi * per editare tutti i file di una directory; in questo caso \u00e8 molto utile i l comando :f che restituisce il nome del file che stiamo editando, oppure il comando :args che restituisce la lista completa dei file aperti mettendo delle parentesi quadre attorno al file [corrente<\/em>]
E’ possibile inoltre passare ad un file che non \u00e8 stato specificato nella riga di comando tramite la direttiva: :e [nomefile].

Vi associa il carattere #<\/strong> al file precedentemente editato, e il carattere %<\/strong> al file editato correntemente; quindi per tornare all’ultimo file editato \u00e8 possibile utilizzare il comando: :e#

Qualora si voglia ad esempio salvare il file corrente con lo stesso nome ma con un’estensione .new<\/code>, si utilizzer\u00e0 il comando: :w %.new. Per tornare al primo file editato  si utilizza il comando: :rew .<\/p>\n\n\n\n
VIM Syntax Highlighting<\/h4>\n\n\n\n
Per il programmatore<\/strong>, ma anche per l’amministratore di sistema<\/strong> il quale si trova ad editare script shell e file di configurazione, la sintassi colorata dell’editor di testo permette di indivudare a colpo d’occhio le sezioni del file che interessano, nonche’ parole chiave e variabili d’ambiente.<\/p>\n\n\n\n
In VIM, se si desidera abilitare la Syntax Highlighting<\/strong> solo per la sessione corrente, \u00e8 possibile utilizzare il comando :syntax on e utilizzare :syntax off per disabilitarla, :syntax clear<\/code> per disabiltarlo momentaneamente.
Nel caso in cui si desideri utilizzare la sintassi colorata sempre, per il proprio utente, \u00e8 possibile inserire syntax enable nel file .vimrc nella propria home directory:<\/p>\n\n\n\n
homer@Joker:~$ echo \"syntax on\" >> \/homer\/.vimrc\nhomer@Joker:~$ cat .vimrc\nsyntax enable\n\nIl file in questione verr\u00e0 letto ad ogni avvio di VIM.<\/pre>\n\n\n\n
Editing visuale con VI<\/h4>\n\n\n\n
Una caratteristica che di solito gli utenti recriminano a VI \u00e8 la possibilit\u00e0 di effettuare selezioni che non siano solo linee intere…<\/p>\n\n\n\n
Anche con vi \u00e8 possibile fare selezioni come con gli editor moderni, basta avere una delle varianti “moderne”<\/em> di VI: vim-enhanced (presente praticamente in tutte le distribuzioni).<\/p>\n\n\n\n
Per verificare quale versione avete potete utilizzare il comando which:\n$ which vi\n\/bin\/vi\nuna volta ottenuta l'informazione potete controllare con ls -la se avete l'originale o una versione \"evoluta\":\n\n$ ls -la \/bin\/vi\nlrwxrwxrwx  1 root root 21 apr  9 12:09 vi -> \/usr\/bin\/vim-enhanced*\n\nQuesta ad esempio \u00e8 una versione evoluta, come dice il nome, allora si pu\u00f2 utilizzare il tasto:\nv<\/strong>   che consente di marcare l'inizio di un blocco di testo. A questo punto si possono usare i tasti freccia (oppure h,j,k,l) per muoversi evidenziando il testo interessato.\n\nIn sintesi:  v + TASTI FRECCIA\n  Una volta terminata la selezione baster\u00e0 premere x per tagliare la selezione\noppure\ny per copiarla \np per incollarla.\n<\/pre>\n\n\n\n
Ricerche con VI<\/h4>\n\n\n\n
Alcuni dei comandi di ricerca utilizzabili su VI<\/p>\n\n\n\n
\/ <\/strong>stringa<\/em><\/code> Ricerca la stringa stringa<\/em> in avanti\n?<\/strong> stringa<\/em> Ricerca la stringa stringa<\/em> all'indietro\n\/<\/strong> Ripete l'ultima ricerca in avanti\n?<\/strong> Ripete l'ultima ricerca all'indietro\nn<\/strong> Ripete l'ultima ricerca\nt x<\/em><\/strong> Si sposta avanti fino al carattere x<\/em> sulla riga corrente\n\/ stringa<\/em> \/+n<\/em><\/strong> Si sposta all'n<\/em>esima riga dopo la stringa stringa<\/em><\/pre>\n\n\n\n
Salvare i dati<\/h4>\n\n\n\n
Il salvataggio dei dati modificati con VI comprende anche l’aggiornamento della data\/ora di modifica.
Ecco alcuni dei comandi pi\u00f9 comuni:<\/p>\n\n\n\n
zz<\/strong> Esce da VI scrivendo solo se sono state apportate modifiche al file\n:x<\/strong> Come zz<\/strong>\n:wq<\/strong> Salva ed esce\n:w<\/strong> Salva\n:w<\/strong> file Salva una copia nel file file<\/em>\n:q<\/strong> Esce\n:q!<\/strong> Forza l'uscita anche se non sono state salvate le modifiche fatte (che vengono perse).<\/pre>\n\n\n\n
Salvataggi parziali in vi<\/h4>\n\n\n\n
A volte puo essere utile salvare solo una parte del file che stiamo editando.<\/p>\n\n\n\n
:10,20w [nuovoFile]<\/strong> salva il testo compreso tra la riga 10 e la riga 20 su un nuovo file\n:.,10w [nuovoFile]<\/strong>  salva il testo compreso tra la prima riga e la riga 10 su un nuovo file\n:10,$w [nuovoFile]<\/strong>  salva il testo compreso tra la riga 10 e la file del testo su un nuovo file.<\/pre>\n\n\n\n
Volendo salvare una parte del file che stiamo editando sul file stesso \u00e8 possibile utilizzare il comando:
:10,20w!<\/strong> salva il testo compreso tra la riga 10 e la riga 20 sullo stesso file

Da notare che quest’ultimo comando \u00e8 fuorviante in quanto non viene aggiornato il testo che stiamo editando, anche se a tutti gli effetti \u00e8 stato cambiato. Per visualizzare la versione attualmente salvata dobbiamo usare il comando :e!<\/strong>.<\/p>\n\n\n\n
Sintetizzando Quindi:<\/h3>\n\n\n\n
Vi \u00e8 un editor testuale che \u00e8 stato sviluppato per i sistemi Unix e che viene spesso utilizzato su sistemi Linux e macOS. Vi \u00e8 un editor di linea di comando molto potente che offre molte funzionalit\u00e0 per la modifica di file di testo.<\/p>\n\n\n\n
Ecco alcuni dei comandi pi\u00f9 importanti di Vi:<\/p>\n\n\n\n
    \n
  • Per aprire un file in Vi, digitare il comando “vi” seguito dal nome del file.<\/li>\n\n\n\n
  • Vi ha due modi di lavoro: il “modalit\u00e0 di inserimento” e la “modalit\u00e0 di comando”. Per inserire testo nel file, \u00e8 necessario essere nella modalit\u00e0 di inserimento, che si attiva premendo il tasto “i” (inserisci). Per uscire dalla modalit\u00e0 di inserimento e tornare alla modalit\u00e0 di comando, basta premere il tasto “Esc”.<\/li>\n\n\n\n
  • Per salvare le modifiche apportate al file, digitare il comando “:w” (write). Per salvare e uscire, digitare il comando “:wq”. Per uscire senza salvare le modifiche, digitare il comando “:q!”.<\/li>\n\n\n\n
  • Per cancellare un carattere, posizionare il cursore sul carattere e premere il tasto “x”. Per cancellare una riga intera, premere il tasto “dd”.<\/li>\n\n\n\n
  • Per spostarsi all’inizio della riga, premere il tasto “^”. Per spostarsi alla fine della riga, premere il tasto “$”.<\/li>\n\n\n\n
  • Per cercare una parola nel testo, digitare il comando “\/parola” seguito da Invio. Per passare alla prossima occorrenza della parola cercata, premere il tasto “n”.<\/li>\n\n\n\n
  • Per copiare una riga, posizionare il cursore sulla riga e digitare il comando “yy”. Per incollare la riga copiata, posizionare il cursore dove si desidera inserire la riga e digitare il comando “p”.<\/li>\n<\/ul>\n\n\n\n
    Questi sono solo alcuni dei comandi di Vi. Vi \u00e8 un editor molto potente, con molte funzionalit\u00e0 avanzate. Tuttavia, la sua interfaccia utente pu\u00f2 risultare poco intuitiva per alcuni utenti, quindi pu\u00f2 richiedere un po’ di tempo per abituarsi all’utilizzo di Vi.<\/p>\n","protected":false},"excerpt":{"rendered":"
    VI (visual editor) \u00e8 il pi\u00f9 importante e diffuso programma di editing dei file nell’ambiente UNIX e LINUX, in quanto possiede delle funzionalit\u00e0 che se utilizzate a fondo ne fanno […]<\/p>\n","protected":false},"author":4,"featured_media":4155,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5,86,110,93,95],"tags":[98,109,135],"class_list":["post-4140","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gcportal-links","category-guide-tutorial","category-informatica","category-linux","category-unix","tag-linux","tag-unix","tag-vi"],"_links":{"self":[{"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/posts\/4140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/comments?post=4140"}],"version-history":[{"count":20,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/posts\/4140\/revisions"}],"predecessor-version":[{"id":4161,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/posts\/4140\/revisions\/4161"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/media\/4155"}],"wp:attachment":[{"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/media?parent=4140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/categories?post=4140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gcportal.com\/wordpress\/wp-json\/wp\/v2\/tags?post=4140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}