Prima di tutto, fai rapidamente riferimento a questo repository git hub e consultalo una volta. Potresti anche voler guardare questo piccolo video sulla produttività di Ornella e un altro dal canale LearnWebCode . Potresti anche prendere in considerazione alcuni suggerimenti e trucchi ufficiali per aiutarti a migliorare nell'utilizzo di Visual Studio Code. Infine, queste sono le scorciatoie per gli utenti di Windows / MacOS .

In caso contrario, ho provato a riavvolgere rapidamente i concetti con istantanee che potrebbero essere utili-

Passare da una scheda all'altra-

Se stai utilizzando un computer Windows, usa (tasto Alt + numero della scheda) per arrivare alla scheda specificata. Quindi, nell'esempio qui sotto, per andare su about.html, premi (alt+3), per arrivarci.

Il file può anche essere raggiunto dal prompt dei comandi. Se premo in Windows (MAIUSC + Ctrl + P), si aprirà il prompt dei comandi. Digitando il nome del file nel prompt dei comandi e premendo "invio", verrò indirizzato al file, voglio navigare e voilà!

Se vuoi passare da una scheda all'altra, tieni premuto il tasto Ctrl + il tasto Tab e poi naviga tra le diverse schede per passare da una scheda all'altra.

Interessante sapere che queste scorciatoie (ctrl + numero di scheda) funzionano bene anche per passare da una scheda all'altra quando si lavora con il browser Web (ad es. Google Chrome).

Nascondere la barra dei comandi e la finestra del terminale-

La scorciatoia per nascondere la barra dei comandi è 'ctrl+ B', la barra laterale (non) mostra quando questi tasti vengono premuti insieme.

La scorciatoia per (s)nascondere la finestra del terminale è 'ctrl+J'

Inserimento di una riga/paragrafo/i

L'estensione ' lorem ipsum ' è già stata aggiunta nel codice di Visual Studio e questo aiuterà ad aggiungere righe/paragrafi aggiuntivi che renderanno l'editing molto più semplice.

Il comando in Windows per arrivarci è 'win+ ctrl+ P'.

Dopo questo comando, scegli il contenuto richiesto e sei a posto. Inoltre, è possibile aggiungere titoli puntati (chiamati supporto markdown). Non dimenticare di aggiungere spazio tra tutte le opere indicate.

Se stai lavorando con gli script

Questa funzione consente di aggiungere contenuti in più posizioni con un semplice clic.

Sostituzione di tutte le funzioni e/o modifica di più elementi contemporaneamente e molti altri...

Trigger di tabulazione

A seconda del linguaggio di programmazione, questi sono utili per creare frammenti. Di seguito è riportato un esempio di uno snippet di tipo di linguaggio .html.

Ora, per arrivarci. In Windows, usa ctrl+shift+P per aprire il prompt dei comandi. Quindi crea un nuovo file .html.

In questo tipo di file, ad esempio, tipo "doc", premi il tasto "tab", questo creerà lo snipped mostrato sopra. Semplice. Non è vero?.

Dopo averlo fatto, proviamo a creare più voci di elenco e collegarle con un collegamento ipertestuale. Il comando sotto menzionato è utile.

Questo creerà un elenco di 5 elementi in cui e possiamo collegare quegli elementi con collegamenti ipertestuali adeguati.

Ora, se desideri creare alcuni frammenti utilizzando diverse righe di codice, potresti fare riferimento a Snippet generator app .

Naviga nel file

Se desideri navigare attraverso un file specifico, premi (ctrl+ maiusc+ O) e premi "invio". Ti porta direttamente nell'area indicata. E questo fantastico trucco funziona per qualsiasi linguaggio di programmazione. Di seguito è riportato l'elenco che viene generato.

Tagliare e incollare righe di codice

Nel codice di Visual Studio, non è necessario selezionare l'intera riga di codice, basta posizionare il cursore dove preferisci e premere (ctrl+ x) e poi (ctrl+ v) per posizionarlo da qualche altra parte. Questo può essere fatto anche premendo 'alt+shift+cursore su/giù'.

Righe di codice in movimento

Premi il tasto alt e con le frecce su/giù, potresti voler posizionare la riga di codice, ovunque tu voglia che sia.

Formattazione predefinita per indentare il codice

Se il codice viene incollato da un file di testo privo di rientri, eseguire i comandi indicati di seguito in "settings .json" (digitare ctrl+shift+p per accedere prima alla tavolozza dei comandi) può aiutare a risolverli. Oppure installa semplicemente l' estensione più carina nel tuo codice VS.

Caratteri fantasiosi

Il codice Cascadia è l'ultimo font che funziona bene, ma potresti dare un'occhiata ad altri fantastici font qui.