introduzione a visual studio code - irlug · introduzione a visual studio code riprende molte delle...
TRANSCRIPT
![Page 1: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/1.jpg)
INTRODUZIONE A
ORGANIZZATO DA
Visual Studio Code
1. Introduzione a VS CodeCos’è VS Code? Quando è nato? Come è stato sviluppato? Su quali sistemi operativi è possibile installarlo? Come si installa? Quali sono le sue features più interessanti? Perché dovrei utilizzarlo?
2. L’interfaccia di VS Code Sezione interattiva
Esplora risorse, Cerca, Controllo del codice sorgente, Debug, Estesioni, …
3. Alcune estensioni interessanti Sezione parz. interattiva
REST Client, Paste JSON as Code, GIT History, GIT Indicator, Faker, MySQL, PHP, Python, …
4. Tips-and-tricks di VS Code Sezione interattiva
Snippets, Keyboard shortcuts, IntelliSense, Code formatting, …
5. Esempi di utilizzo di VS Code Sezione interattiva
Installiamo e proviamo MySQL e PHP
IrLUGIrpinia Linux User Group
A CURA DI
Pietro Terracciano
![Page 2: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/2.jpg)
☐ Cos’è Visual Studio Code?☐ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è un editor di codice sorgente multipiattaforma sviluppato da Microsoft
Riprende le potenzialità di Visual Studio rendendole lightweight/»leggere»
![Page 3: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/3.jpg)
☐ Cos’è Visual Studio Code?☐ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è un editor di codice sorgente multipiattaforma sviluppato da Microsoft
Riprende le potenzialità di Visual Studio rendendole lightweight/»leggere»
A CURA DI
Pietro Terracciano
![Page 4: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/4.jpg)
☐ Cos’è Visual Studio Code?☐ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è un editor di codice sorgente multipiattaforma sviluppato da Microsoft
Riprende le potenzialità di Visual Studio rendendole lightweight/»leggere»
![Page 5: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/5.jpg)
☑ Cos’è Visual Studio Code?☐ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è nato nel 2015 portando la Microsoftad avvicinarsi al mondo open source
Microsoft makes its 60,000 patents open source to help Linux
https://github.com/Microsoft
![Page 6: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/6.jpg)
☑ Cos’è Visual Studio Code?☐ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è nato nel 2015 portando la Microsoftad avvicinarsi al mondo open source
Microsoft makes its 60,000 patents open source to help Linux
https://github.com/Microsoft
![Page 7: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/7.jpg)
☑ Cos’è Visual Studio Code?☐ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è nato nel 2015 portando la Microsoftad avvicinarsi al mondo open source
Microsoft makes its 60,000 patents open source to help Linux
https://github.com/Microsoft
![Page 8: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/8.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è stato sviluppato in Electron
https://github.com/electron/
![Page 9: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/9.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☐ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Visual Studio Code è stato sviluppato in Electron
https://github.com/electron/
![Page 10: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/10.jpg)
A CURA DI
Pietro Terracciano
![Page 11: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/11.jpg)
Visual Studio Codeè solo una delle tante applicazioni basate su Electron
Inoltre Electron vanta di una docsfacile e completa
A CURA DI
Pietro Terracciano
![Page 12: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/12.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Grazie al suo sviluppo basato su Electron, Visual Studio Code è nativamente supportato su ambienti Linux, Microsoft e macOS
Sono uno sviluppatore C# e vorrei poter utilizzare Linux per ospitare le mie web appssenza dover cambiare linguaggio. Come posso fare?
https://dotnet.github.io/
![Page 13: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/13.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Grazie al suo sviluppo basato su Electron, Visual Studio Code è nativamente supportato su ambienti Linux, Microsoft e macOS
Sono uno sviluppatore C# e vorrei poter utilizzare Linux per ospitare le mie web appssenza dover cambiare linguaggio. Come posso fare?
https://dotnet.github.io/
![Page 14: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/14.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☐ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
Grazie al suo sviluppo basato su Electron, Visual Studio Code è nativamente supportato su ambienti Linux, Microsoft e macOS
Sono uno sviluppatore C# e vorrei poter utilizzare Linux per ospitare le mie web appssenza dover cambiare linguaggio. Come posso fare?
https://dotnet.github.io/
![Page 15: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/15.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☐ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code
![Page 16: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/16.jpg)
Installazione su Windows
1. Scarichiamo il setup da https://code.visualstudio.com/docs?dv=win
2. Una volta scaricato,avviamo l’installazione
3. Siamo pronti al coding!!
![Page 17: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/17.jpg)
Installazione su distribuzioni Debian / Ubuntu
Il metodo più semplice è di scaricare il file (https://go.microsoft.com/fwlink/?LinkID=760868) e di installarlo tramite un gestore grafico di installazioni/disinstallazioni o tramite il seguente comando
sudo dpkg -i <file_scaricato>.debsudo apt-get install -f # Install dependencies
Il package .deb contiene già l’URI del repository apt e la signed-key per abilitare gli aggiornamenti automatici
1. Tramite il package .deb
2. Alla vecchia manieracurl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpgsudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt-get install apt-transport-httpssudo apt-get updatesudo apt-get install code # or code-insiders
![Page 18: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/18.jpg)
Installazioni su distribuzioni RHEL, Fedora e CentOS
sudo rpm --import https://packages.microsoft.com/keys/microsoft.ascsudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'
Fedora 22+
dnf check-updatesudo dnf install code
Versioni precedenti
yum check-updatesudo yum install code
![Page 19: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/19.jpg)
Installazione su distribuzioni openSUSE e SLEsudo rpm --import https://packages.microsoft.com/keys/microsoft.ascsudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'
sudo zypper refreshsudo zypper install code
![Page 20: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/20.jpg)
Installazione su macOS
1. Scarichiamo il setup da https://code.visualstudio.com/docs?dv=osx
2. Una volta scaricato, facciamo doppio click per espandere l’archivio
3. Sposta «Visual Studio Code.app» nella cartella «Applicazione», così da renderla disponibile sul Launchpad
4. Siamo pronti al coding!!
bugging
![Page 21: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/21.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 22: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/22.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 23: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/23.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con definizione di breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 24: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/24.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con definizione di breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 25: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/25.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con definizione di breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 26: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/26.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con definizione di breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 27: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/27.jpg)
GIT integrato? Debugging integrato? Ma non avevamo detto che VS Code era soltanto un editor di codice sorgente?!
Visual Studio Code è una via di mezzo tra un IDE e un semplice editor di sorgente
![Page 28: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/28.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☐ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un consumo di risorse hardware ridotto
Syntax HighlightColorazione della sintassi
IntelliSenseAutocompletamento con documentazione
GIT integratoSoftware di controllo versione integrato
Debugging integratoIndividuazione e correzione errori con definizione di breakpoint
EstensioniPossibilità di aggiungere ulteriori funzionalità facilmente e velocemente
![Page 29: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/29.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☑ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code 1. E’ un software libero: tutti possono contribuire a migliorarlo
2. E’ supportato costantemente dalla Microsoft stessa, una delle più grandi Software House del pianeta
3. E’ leggero: se la cava bene su hardware datati
4. Il marketplace delle estensioni è abbastanza grande, si trova di tutto e ogni giorno ne vengono caricate di nuove
![Page 30: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/30.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☑ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code 1. E’ un software libero: tutti possono contribuire a migliorarlo
2. E’ supportato costantemente dalla Microsoft stessa, una delle più grandi Software House del pianeta
3. E’ leggero: se la cava bene su hardware datati
4. Il marketplace delle estensioni è abbastanza grande, si trova di tutto e ogni giorno ne vengono caricate di nuove
![Page 31: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/31.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☑ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code 1. E’ un software libero: tutti possono contribuire a migliorarlo
2. E’ supportato costantemente dalla Microsoft stessa, una delle più grandi Software House del pianeta
3. E’ leggero: se la cava bene su hardware datati
4. Il marketplace delle estensioni è abbastanza grande, si trova di tutto e ogni giorno ne vengono caricate di nuove
![Page 32: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/32.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☑ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code 1. E’ un software libero e tutti possono contribuire a migliorarlo
2. E’ supportato costantemente dalla Microsoft stessa, una delle più grandi Software House del pianeta
3. E’ leggero: se la cava bene su hardware datati
4. Il marketplace delle estensioni è abbastanza grande, si trova di tutto e ogni giorno ne vengono caricate di nuove
![Page 33: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/33.jpg)
☑ Cos’è Visual Studio Code?☑ Quando è nato?☑ Con quale tecnologia è stato sviluppato?☑ Su quali sistemi operativi posso installarlo?☑ Come lo installo?☑ Quali sono le sue features più interessanti?☐ Perché dovrei utilizzarlo?
A CURA DI
Pietro Terracciano
INTRODUZIONE A
Visual Studio Code 1. E’ un software libero e tutti possono contribuire a migliorarlo
2. E’ supportato costantemente dalla Microsoft stessa, una delle più grandi Software House del pianeta
3. E’ leggero: se la cava bene su hardware datati
4. Il marketplace delle estensioni è abbastanza grande, si trova di tutto e ogni giorno ne vengono caricate di nuove
![Page 34: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/34.jpg)
Non sono ancora convinto!
Visual Studio Code è l’editor di codice sorgente più utilizzato dalla community di StackOverflow
Le informazioni sono state prelevate dal Survery 2018 organizzato da StackOverflow
![Page 35: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/35.jpg)
A CURA DI
Pietro Terracciano
L’INTERFACCIA DI
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo, l’interfaccia di VS Code
![Page 36: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/36.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
REST Client è una di quelle estensioni che non può mancare
Consente di «testare» facilmente API HTTP
https://github.com/Huachao/vscode-restclient
☐ REST Client Sezione interattiva
☐ Paste JSON as Code / quicktype Sezione interattiva
☐ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 37: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/37.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
REST Client è una di quelle estensioni che non può mancare
Consente di «testare» facilmente API HTTP
https://github.com/Huachao/vscode-restclient
☐ REST Client Sezione interattiva
☐ Paste JSON as Code / quicktype Sezione interattiva
☐ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 38: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/38.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo,l’estensione REST Client
![Page 39: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/39.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Paste JSON as Code genera in automatico la classe partendo da una stringa JSON
Una delle features più interessanti è la conversione in «real-time»
Supporta: TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm, e JSON Schema
https://github.com/quicktype/quicktype-vscode
☑ REST Client Sezione interattiva
☐ Paste JSON as Code / quicktype Sezione interattiva
☐ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 40: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/40.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Paste JSON as Code genera in automatico la classe partendo da una stringa JSON
Una delle features più interessanti è la conversione in «real-time»
Supporta: TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm, e JSON Schema
https://github.com/quicktype/quicktype-vscode
☑ REST Client Sezione interattiva
☐ Paste JSON as Code / quicktype Sezione interattiva
☐ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 41: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/41.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo,l’estensione Paste JSON as Code / quicktype
![Page 42: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/42.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☐ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
GIT History semplifica notevolmente la gestione dei repositories
Consente di
visualizzare graficamente lo storico di un repository
visualizzare graficamente lo storico delle modifiche effettuate su un singolo filedel repository
visualizzare graficamente lo storico delle modifiche effettuate da un autoredel repository
effettuare facilmente la comparazione tra due commit
https://github.com/DonJayamanne/gitHistoryVSCode
![Page 43: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/43.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☐ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
GIT History semplifica notevolmente la gestione dei repositories
Consente di
visualizzare graficamente lo storico di un repository
visualizzare graficamente lo storico delle modifiche effettuate su un singolo filedel repository
visualizzare graficamente lo storico delle modifiche effettuate da un autoredel repository
effettuare facilmente la comparazione tra due commit
https://github.com/DonJayamanne/gitHistoryVSCode
![Page 44: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/44.jpg)
Stiamo visualizzando l’estensione GIT HistoryVisualizzazione grafica storico dell’intero repository
![Page 45: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/45.jpg)
Stiamo visualizzando l’estensione GIT HistoryVisualizzazione grafica storico su un singolo file del repository
![Page 46: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/46.jpg)
Stiamo visualizzando l’estensione GIT HistoryComparazione tra due commit del repository
![Page 47: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/47.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
GIT Indicators aggiunge dei semplici indicatori nella barra inferiori contenenti le informazioni del GIT attuale
https://github.com/lamartire/vscode-git-indicators
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 48: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/48.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
GIT Indicators aggiunge dei semplici indicatori nella barra inferiori contenenti le informazioni del GIT attuale
https://github.com/lamartire/vscode-git-indicators
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☐ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 49: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/49.jpg)
Stiamo visualizzando l’estensione GIT IndicatorsIndicatori GIT
![Page 50: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/50.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Faker consente di «riempire» facilmente strutture dati con informazioni finte
Fake data you can generate: address, commerce, company, database, date, finance, hacker, image, internet, lorem, name, phone, random, system
(Esempio sono un webdeveloper e vorrei avere una UI il piùcompleta possibile)
https://github.com/deerawan/vscode-faker
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☑ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 51: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/51.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☑ GIT Indicators☐ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
Faker consente di «riempire» facilmente strutture dati con informazioni finte
Fake data you can generate: address, commerce, company, database, date, finance, hacker, image, internet, lorem, name, phone, random, system
(Esempio sono un webdeveloper e vorrei avere una UI il piùcompleta possibile)
https://github.com/deerawan/vscode-faker
![Page 52: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/52.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo,l’estensione Faker
![Page 53: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/53.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
MySQL è una estensione molto carina. Ci consente di collegarci ad un database MySQL ed effettuare delle queriesdirettamente da Visual Studio Code
Potrebbe essere utilizzato insieme a Workbench (ma non rimpiazza Workbench!)
https://github.com/formulahendry/vscode-mysql
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☑ GIT Indicators☑ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 54: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/54.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☑ GIT Indicators☑ Faker Sezione interattiva
☐MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
MySQL è una estensione molto carina. Ci consente di collegarci ad un database MySQL ed effettuare delle queriesdirettamente da Visual Studio Code
Potrebbe essere utilizzato insieme a Workbench (ma non rimpiazza Workbench!)
https://github.com/formulahendry/vscode-mysql
![Page 55: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/55.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo,l’estensione MySQL
![Page 56: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/56.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☑ GIT Indicators☑ Faker Sezione interattiva
☑MySQL Sezione interattiva
☐ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 57: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/57.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo,l’estensione PHP
![Page 58: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/58.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
☑ REST Client Sezione interattiva
☑ Paste JSON as Code / quicktype Sezione interattiva
☑ GIT History☑ GIT Indicators☑ Faker Sezione interattiva
☑MySQL Sezione interattiva
☑ PHP Sezione interattiva
☐ Python Sezione interattiva
![Page 59: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/59.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione analizzeremo insieme, passo dopo passo,l’estensione Python
![Page 60: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/60.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
Gli Snippets sono delle cose che servono ad altre cose
☐ Snippets Sezione interattiva
☐ Keyboard shortcuts Sezione interattiva
☐ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 61: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/61.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
Gli Snippets sono delle cose che servono ad altre cose
☐ Snippets Sezione interattiva
☐ Keyboard shortcuts Sezione interattiva
☐ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 62: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/62.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
Le scorciatoie da tastiera sono perfettamente integrate in VS Code
Inoltre è possibile personalizzarle
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
☑ Snippets Sezione interattiva
☐ Keyboard shortcuts Sezione interattiva
☐ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 63: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/63.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
Le scorciatoie da tastiera sono perfettamente integrate in VS Code
Inoltre è possibile personalizzarle
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
☑ Snippets Sezione interattiva
☐ Keyboard shortcuts Sezione interattiva
☐ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 64: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/64.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
IntelliSense è una forma di completamento automatico resa popolare dall’IDE Visual Studio.. (Documentazione «real-time»)
L'uso dell'Intellisense è un metodo conveniente per visualizzare la descrizione delle funzioni, in particolar modo la lista dei loro parametri. Questa tecnologia riesce a velocizzare lo sviluppo del software riducendo la quantità di input attraverso la tastiera
☑ Snippets Sezione interattiva
☑ Keyboard shortcuts Sezione interattiva
☐ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 65: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/65.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
IntelliSense è una forma di completamento automatico resa popolare dall’IDE Visual Studio.. (Documentazione «real-time»)
L'uso dell'Intellisense è un metodo conveniente per visualizzare la descrizione delle funzioni, in particolar modo la lista dei loro parametri. Questa tecnologia riesce a velocizzare lo sviluppo del software riducendo la quantità di input attraverso la tastiera
☑ Snippets Sezione interattiva
☑ Keyboard shortcuts Sezione interattiva
☐ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 66: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/66.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
VS Code possiede uno dei mglori Code formatting sul mercato
☑ Snippets Sezione interattiva
☑ Keyboard shortcuts Sezione interattiva
☑ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 67: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/67.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
VS Code possiede uno dei mglori Code formatting sul mercato
☑ Snippets Sezione interattiva
☑ Keyboard shortcuts Sezione interattiva
☑ IntelliSense Sezione interattiva
☐ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 68: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/68.jpg)
A CURA DI
Pietro Terracciano
TIPS-AND-TRICKS PER
Visual Studio Code
☑ Snippets Sezione interattiva
☑ Keyboard shortcuts Sezione interattiva
☑ IntelliSense Sezione interattiva
☑ Code formatting Sezione interattiva
☐ E’ il tuo editor Sezione interattiva
![Page 69: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/69.jpg)
A CURA DI
Pietro Terracciano
ALCUNE ESTENSIONI INTERESSANTI PER
Visual Studio Code
Benvenuti in una sezione interattiva
In questa sezione provere insieme, passo dopo passo, a creare un piccolo applicativo web basato su PHP e MySQL
![Page 70: INTRODUZIONE A Visual Studio Code - IrLUG · INTRODUZIONE A Visual Studio Code Riprende molte delle caratteristiche di Visual Studio, rendendole più semplici da utilizzare con un](https://reader030.vdocumenti.com/reader030/viewer/2022040110/5f07be5a7e708231d41e852f/html5/thumbnails/70.jpg)
INTRODUZIONE A
ORGANIZZATO DA
Visual Studio Code
FINE =)
IrLUGIrpinia Linux User Group
A CURA DI
Pietro Terracciano