Aggiunto comandi: Finestre e file multipli
This commit is contained in:
PicciHud
parent
fbbfad2283
commit
a6edb01b00
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
|
|
@ -41,19 +41,8 @@
|
|||
|
||||
<!--LISTA ARTICOLI-->
|
||||
|
||||
<div class="max_spacer"></div>
|
||||
|
||||
<div class="lista_articol">
|
||||
<h2>Indipendeza del Cyberspazio</h2>
|
||||
<div class="border"></div>
|
||||
<p class="piccihud">22-04-2022</p>
|
||||
<p class="tag">#document #freedom #philosophy</p>
|
||||
<p>La Dichiarazione di indipendenza del cyberspazio è stata redatto l'8 febbraio 1996 da <em>John P. Barlow</em>, uno dei fondatori della
|
||||
EFF. La Dichiarazione sostiene la negazione della proprietà di Internet.
|
||||
</p>
|
||||
<a href="./indipendenza_cyberspazio.html" class="read_more">
|
||||
<p>Read more</p> <img src="./Icon/arrow-right.svg" alt="Read more">
|
||||
</a>
|
||||
|
||||
<div class="max_spacer"></div>
|
||||
|
||||
|
|
@ -67,8 +56,21 @@
|
|||
</a>
|
||||
|
||||
<div class="max_spacer"></div>
|
||||
</div>
|
||||
<h2>Indipendeza del Cyberspazio</h2>
|
||||
<div class="border"></div>
|
||||
<p class="piccihud">22-04-2022</p>
|
||||
<p class="tag">#document #freedom #philosophy</p>
|
||||
<p>La Dichiarazione di indipendenza del cyberspazio è stata redatto l'8 febbraio 1996 da <em>John P.
|
||||
Barlow</em>, uno dei fondatori della
|
||||
EFF. La Dichiarazione sostiene la negazione della proprietà di Internet.
|
||||
</p>
|
||||
<a href="./indipendenza_cyberspazio.html" class="read_more">
|
||||
<p>Read more</p> <img src="./Icon/arrow-right.svg" alt="Read more">
|
||||
</a>
|
||||
|
||||
<div class="max_spacer"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<!--FOOTER-->
|
||||
<!--PRIVACY POLICY-->
|
||||
|
|
|
|||
296
guida_vim.html
296
guida_vim.html
|
|
@ -41,7 +41,7 @@
|
|||
|
||||
|
||||
<div class="container_img">
|
||||
<img src="./Img/Guida_vim/vim.jpg" alt="Vim text editor" />
|
||||
<img src="./Img/Guida_vim/vim.jpg" alt="Vim text editor" class="max_img" />
|
||||
</div>
|
||||
|
||||
<!--ARTICOLO PRINCIPALE-->
|
||||
|
|
@ -103,7 +103,8 @@
|
|||
<p>- <em>Command mode</em>: quando si avvia Vim, ci si trova in modalità di comando (detta anche
|
||||
<em>normal mode</em>). In questa
|
||||
modalità è possibile spostarsi sullo schermo, eliminare e copiare del testo, ma non possibile scrivere
|
||||
testo;</p>
|
||||
testo;
|
||||
</p>
|
||||
<p>- <em>Insert mode</em>: per inserire del testo in un file, esiste una modalità di inserimento dedicata,
|
||||
chiamata appunto insert mode;</p>
|
||||
<p>- <em>Visual mode</em>: permette di utilizzare i tasti freccia per selezionare il testo su più righe
|
||||
|
|
@ -117,6 +118,15 @@
|
|||
di tasti da premere.</p>
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<h2>Avviare Vim da terminale</h2>
|
||||
<p>Aprire un terminale e digitare il seguente comando:</p>
|
||||
<p><span class="highlightme">vim</span></p>
|
||||
<p>È possibile aprire direttamente un file tramite Vim:</p>
|
||||
<p><span class="highlightme">vim {file}</span></p>
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<h2>Comandi base</h2>
|
||||
<p>Vediamo ora alcuni comandi di base per spostarsi tra le varie modalità dell'editor.</p>
|
||||
|
||||
|
|
@ -294,6 +304,14 @@
|
|||
<td><span class="highlightme">:nriga</span></td>
|
||||
<td>Sposta il cursore alla riga indicata</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">^o</span></td>
|
||||
<td>Sposta il cursore alla posizione precedente</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">^i</span></td>
|
||||
<td>Sposta il cursore alla posizione successiva (rispetto alla precedente)</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
|
@ -334,19 +352,19 @@
|
|||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">/parola</span></td>
|
||||
<td><span class="highlightme">/{parola}</span></td>
|
||||
<td>Spostare il cursore alla prima occorrenza della parola</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">?parola</span></td>
|
||||
<td><span class="highlightme">?{parola}</span></td>
|
||||
<td>Spostare il cursore all'ultima occorrenza della parola</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">flettera</span></td>
|
||||
<td><span class="highlightme">f{lettera}</span></td>
|
||||
<td>Spostare il cursore sulla lettera ricercata nella riga</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">tlettera</td>
|
||||
<td><span class="highlightme">t{lettera}</td>
|
||||
<td>Spostare il cursore prima della lettera ricercata</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
@ -463,6 +481,10 @@
|
|||
<td><span class="highlightme">dd</span></td>
|
||||
<td>Cancella un'intera riga</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">D</span></td>
|
||||
<td>Cancella un'intera riga dalla posizione del cursore</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">dit</span></td>
|
||||
<td>Delete inner tag (come i tag html)</td>
|
||||
|
|
@ -601,10 +623,6 @@
|
|||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">no</span></td>
|
||||
<td>Scrivere n righe contemporaneamente</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">qlettera</span></td>
|
||||
<td>Inizio registrazione macro. Es.: qa - tutti i comandi digitati successivamente saranno
|
||||
|
|
@ -662,6 +680,10 @@
|
|||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">no</span></td>
|
||||
<td>Crea n righe contemporaneamente</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">CTRL+a</span></td>
|
||||
<td>Aumenta di un'unità il primo numero di una riga (3^a -> aumenta di 3 unità il numero)
|
||||
|
|
@ -669,7 +691,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">.</span></td>
|
||||
<td>Ripete il comando precedente (dw -> Il '.' ripete poi il comando)</td>
|
||||
<td>Ripete l'ultima azione eseguita (o comando)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:set number</span></td>
|
||||
|
|
@ -694,6 +716,30 @@
|
|||
</tbody>
|
||||
</table>
|
||||
|
||||
<h2>Eseguire comandi shell da Vim</h2>
|
||||
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">:!command</span></td>
|
||||
<td>Esegue un singolo comando. Ad esempio: <span class="highlightme">:!pwd</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:shell</span></td>
|
||||
<td>Il comando darà accesso al terminale, dove si potranno eseguire più comandi. Digitare il comando <span class="highlightme">exit</span> per tornare alla sessione di Vim</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
Il comando sopra ti darà accesso al terminale, dove puoi eseguire più comandi. Una volta che hai finito, digita il comando exit che tornerà alla sessione di Vim.
|
||||
|
||||
<h2>Controllo ortografico in Vim</h2>
|
||||
<p>La prima cosa da sapere è come attivare il controllo ortografico o <em>spellcheck</em>.</p>
|
||||
<p>In command line, digitare:</p>
|
||||
|
|
@ -726,11 +772,11 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">[s</span></td>
|
||||
<td>Sposta il cursore alla prima parola errata a sinistra</span></td>
|
||||
<td>Sposta il cursore alla prima parola errata a sinistra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">s]</span></td>
|
||||
<td>Sposta il cursore alla prima parola errata a destra</span></td>
|
||||
<td>Sposta il cursore alla prima parola errata a destra</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
@ -771,30 +817,238 @@
|
|||
<p>Sulla parola errata digitare:</p>
|
||||
<p><span class="highlightme">^X</span> quindi <span class="highlightme">s</span></p>
|
||||
<p>Si aprirà un menù a finestra con le possibili parole corrette. Per scegliere dal menù a tendina usate la
|
||||
combinazione di tasti CTRL+N (next) oppure CTRL+P (previous).</p>
|
||||
combinazione di tasti <span class="highlightme">CTRL+N</span> (next) oppure <span class="highlightme">CTRL+P</span> (previous).</p>
|
||||
|
||||
<div class="container_img">
|
||||
<img src="./Img/Guida_vim/menu_contestuale_correzione_errori.png" alt="Vim text editor" style="margin:0 0 -30px 0;" />
|
||||
</div>
|
||||
|
||||
<h3>Auto-completamento</h3>
|
||||
<p>Digitando CTRL+X, in insert mode, si accede a molto di più del sistema di
|
||||
<p>Digitando <span class="highlightme">CTRL+X</span>, in insert mode, si accede a molto di più del sistema di
|
||||
correzione degli errori. È possibile procedere all'auto-completamento delle parole che si stanno
|
||||
digitando.</p>
|
||||
<p>Dopo aver digitato CTRL+X, invece di s è possibile digitare:</p>
|
||||
|
||||
<p><span class="trattino">- </span>CTRL+L, per il completamento dell’intera linea (completa con frasi simili
|
||||
<p><span class="trattino">- </span><span class="highlightme">CTRL+L</span>, per il completamento dell’intera linea (completa con frasi simili
|
||||
a quelle scritte precedentemente; utile se si è un programmatore);</p>
|
||||
<p><span class="trattino">- </span>CTRL+N, per il completamento con parole del documento (utile soprattutto
|
||||
<p><span class="trattino">- </span><span class="highlightme">CTRL+N</span>, per il completamento con parole del documento (utile soprattutto
|
||||
per nomi o parole complesse che si usano abbondantemente nel file);</p>
|
||||
<p><span class="trattino">- </span>CTRL+K, per il completamento con parole del dizionario.</p>
|
||||
<p><span class="trattino">- </span><span class="highlightme">CTRL+K</span>, per il completamento con parole del dizionario.</p>
|
||||
|
||||
<br>
|
||||
<p>Un articolo a parte sarà dedicato ai <em>plugin</em> e alla loro installazione.</p>
|
||||
<div class="spacer"></div>
|
||||
|
||||
<h2>Lavorare con più cose contemporaneamente</h2>
|
||||
<p>Vim è un editor molto potente. Supporta molte funzionalità avanzate per lavorare con più file, buffer e finestre. In questa sezione, discuteremo i seguenti elementi:</p>
|
||||
<p><span class="trattino">- </span>più file;</p>
|
||||
<p><span class="trattino">- </span>buffer multipli;</p>
|
||||
<p><span class="trattino">- </span>schede multiple;</p>
|
||||
<p><span class="trattino">- </span>finestre multiple</p>
|
||||
|
||||
<div class="spacer"></div>
|
||||
<h3>Lavorare su più file></h3>
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">:e</span></td>
|
||||
<td>Carica un nuovo file nel buffer per la modifica</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:e tab</span></td>
|
||||
<td>Elenca i file per la modifica dalla directory corrente</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Buffer multipli</h3>
|
||||
<p>Il <em>buffer</em> è la memoria temporanea usata da Vim per contenere il testo letto da un file. Una volta terminata la modifica e salvato il file, allora il contenuto del buffer viene
|
||||
trasferito nel file appropriato.</p>
|
||||
<p>È possibile utilizzare i buffer per lavorare con più file.</p>
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">:badd {file}</file></span></td>
|
||||
<td>Aggiunge il file in un nuovo buffer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:bN</span></td>
|
||||
<td>Passa all'ennesimo buffer. Ad esempio, per passare al terzo buffer: b3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:bnext</span></td>
|
||||
<td>Passa al buffer successivo</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:bprevious</span></td>
|
||||
<td>Passa al buffer precedente</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:buffers</span></td>
|
||||
<td>Elenca tutti i buffer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:blast</span></td>
|
||||
<td>Passa all'ultimo buffer</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Schede multiple</h3>
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tabnew</file></span></td>
|
||||
<td>Apre una nuova scheda</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tabnew {file}</span></td>
|
||||
<td>Apre un file in una nuova scheda</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tabclose</span></td>
|
||||
<td>Chiudi la scheda attuale</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tabnext</span></td>
|
||||
<td>Passa alla scheda successiva</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tabprevious</span></td>
|
||||
<td>Passa alla scheda precedente</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tabfirst</span></td>
|
||||
<td>Passa alla prima scheda</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:tablast</span></td>
|
||||
<td>Passa all'ultima scheda</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Finestre multiple</h3>
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">:new</file></span></td>
|
||||
<td>Apre una nuova finestra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:new {file}</span></td>
|
||||
<td>Apre un file in una nuova finestra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:vnew</span></td>
|
||||
<td>Apre una nuova finestra verticalmente</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<div class="container_img">
|
||||
<img src="./Img/Guida_vim/finestre multiple_vim.jpg" alt="Finestre multiple">
|
||||
</div>
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
<h3>Modifica delle dimensioni di una finestra</h3>
|
||||
<p>A volte può tornar utile cambiare la dimensione di una finestra.</p>
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">:resize {new size}</new>
|
||||
</file></span></td>
|
||||
<td>Modifica le dimensioni della finestra attualmente attiva. Ad esempio: <span class="highlightme">:resize 30</new>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">:vertical resize {new size}</span></td>
|
||||
<td>Modifica le dimensioni della finestra verticale</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">+</span></td>
|
||||
<td>Aumenta le dimensioni della finestra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">-</span></td>
|
||||
<td>Diminuisce la dimensione della finestra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">=</span></td>
|
||||
<td>Imposta una dimensione uguale a tutte le finestre</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">o</span></td>
|
||||
<td>Chiude tutte le finestre, eccetto quella attiva</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Muoversi tra le finestre attive</h3>
|
||||
<table class="styled-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">h</span></td>
|
||||
<td>Sposta il focus sulla finestra a sinistra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">l</span></td>
|
||||
<td>Sposta il focus sulla finestra a destra</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">k</span></td>
|
||||
<td>Sposta il focus sulla finestra in alto</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="highlightme">Ctrl+w</span> poi <span class="highlightme">j</span></td>
|
||||
<td>Sposta il focus sulla finestra in basso</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="divider"></div>
|
||||
<p>Un articolo a parte sarà dedicato ai <em>plugin</em> e alla loro installazione, alla <em>personalizzazione</em> di Vim, sia tramite temi che modificando il file <span class="highlightme">.vimrc</span>.</p>
|
||||
</div>
|
||||
|
||||
<div class="container_img">
|
||||
<img src="./Img/Guida_vim/vim_meme.png" alt="Vim or Emacs" />
|
||||
<img src="./Img/Guida_vim/vim_meme.png" alt="Vim meme" class="max_img" />
|
||||
</div>
|
||||
|
||||
<!--FOOTER-->
|
||||
|
|
|
|||
|
|
@ -31,13 +31,13 @@
|
|||
<ul>
|
||||
<li><a href="./index.html">cd ~</a></li>
|
||||
<li><a href="./index.html#manifesto">Manifesto</a></li>
|
||||
<li><a href="./articoli.html">Articoli</a></li>
|
||||
<li><a href="./articoli.html ">Articoli</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
<div class="container_img">
|
||||
<img src="./Img/Indipendenza_cyberspazio/tron.webp" alt=" Pictures of John Barlow EFF" />
|
||||
<img src="./Img/Indipendenza_cyberspazio/tron.webp" alt=" Pictures of John Barlow EFF" class="max_img" />
|
||||
</div>
|
||||
|
||||
<h1 class="titolo_apertura">#Indipendenza del Cyberspazio</h1>
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
</div>
|
||||
|
||||
<div class="container_img">
|
||||
<img src="./Img/Indipendenza_cyberspazio/barlow2.webp" alt=" Pictures of John Barlow EFF" />
|
||||
<img src="./Img/Indipendenza_cyberspazio/barlow2.webp" alt=" Pictures of John Barlow EFF" class="max_img" />
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
|
|
|
|||
|
|
@ -238,6 +238,11 @@ nav a:hover {
|
|||
}
|
||||
|
||||
.container_img img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.max_img {
|
||||
width: 50%;
|
||||
height: auto;
|
||||
}
|
||||
|
|
@ -384,7 +389,7 @@ h1 {
|
|||
@media screen and (max-width: 1080px) {
|
||||
|
||||
/*IMMAGINE CENTRATA - RESPONSIVE*/
|
||||
.container_img img {
|
||||
.max_img {
|
||||
width: 80%;
|
||||
height: auto;
|
||||
}
|
||||
|
|
@ -465,6 +470,7 @@ h1 {
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contacts a {
|
||||
|
|
@ -479,6 +485,7 @@ h1 {
|
|||
.make {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue