Visual Studio Code è il editor di codice sorgente che rende subito produttivi grazie alla sua semplicità e leggerezza ed in questo talk troverete una panoramica, oltre a tip & tricks utili.

1. 1

2. Software Factory
Web Mobile DevOps Labs Formazione
2

3. Volete collaborare con noi? Avete questo coraggio? :D
info@acadevmy.it
3

4. Learning Factory
Training Eventi Talks

5. questa è un lab
questa è un lab
questa è un lab
questa è un lab
4

6. 5

7. Chi Sono?
Developer per scelta e per passione,
amante di nerdaggini di ogni tipo
ed amante della condivisione del sapere!
6 . 1

8. Compilate il modulo di Feedback
e dateci il vostro giudizio!
Abbiamo deciso di risparmiare carta a favore dell'ambiente!
7

9. ed ora è il momento di
Built with love for the Web
8

10. Multipiattaforma
Windows, macOS, Linux
Monthly Updates
Light by design
Insiders Builds
Supporto a numerosi
linguaggi e runtimes
Supporto alle Extension
Proxy server support
Electron based
Altamente configurabile
Forte integrazione con MS
Azure
Facile migrazione da altri
SCE o IDE
Keymaps
OpenSouce (MIT License)
& Free
Multilanguage
Monaco editor
VSC è un Source Code Editor
Annunciato nel 2015 e rilasciato nel 2016
9

11. Supporto per JS, TS, NodeJs,
HTML, CSS, Markdown, etc...
Strumenti di Editing Avanzato
Intellisense
Snippets
Tasks Runner
Extensions
Supporto ed integrazione
con Git
Refactoring
Debugging
Theming
Keyboard Shortcuts Avanzate
Terminale Integrato
Portable Mode
VSC - Built-in Features
10

12. VSC - UI
Explorer
Views
Command Palette
Tabs
Preview Mode
Side by side editing
Minimap
Settings
11

13. Selezione Avanzata
Selezione Multipla
Selezione a Colonna
Shrink/Expand
Intellisense
multi-cursors
Auto Formatting
Fold/Unfold
Emmet
html, haml, jade, slim,
jsx, xml, xsl, css, scss, sass, less, stylus
vendor prefixes
VSC - Editing
12

14. Navigazione
Navigazione Rapida File
Navigazione Definizioni
Navigazione Implementazioni
Navigazione Simboli (con raggruppamento via :)
Apertura file via Simboli
Peek
VSC - Navigazione Avanzata
Rename dei Simboli
Strumenti di Ricerca
Ricerca/Sostituzione Termine
Ricerca/Sostituzione Cross files
Opzioni Avanzate
Errori e Warnings
13

15. VSC - Refactoring
Quick Fixes
Estrazione Metodi
Estrazione Variabili
Rename dei Simboli
Variabili e Codice inutilizzato
Code suggestions
.then > async/await
14

16. Custom Debug Configuration
launch.json
Launch vs Attach
NodeJs Built-in
Debugger Extension
for Chrome, Edge & Firefox
Browser Preview Extension
Debug Console
Breackpoint TypeScript
Logpoints
Expression condition
Hit count
Data inspection
Multi-target debugging
VSC - Debugging
15

17. DEMODEMO
STRUMENTI DI DEBUGSTRUMENTI DI DEBUG
16

18. Multiple Source Control
Workspaces
Clone dei Repository
Staging, Unstaging, Commit,
History, etc...
Gestione Remotes
Indicatori
Triangolo Rosso - Righe rimosse
Barra Verde - Righe aggiunte
Barra Blu - Righe modificate
Merge dei Conflitti e Diff
Git Output Window
VSC come Git editor
Git Status Bar
VSC - Version Control
Integra il supporto a Git in-the-box
17

19. VSC - Altre Features
Terminale Integrato
Terminali Multipli
Eseguire il testo selezionato
Workspaces
Snippets
Task Runner
Command line avanzata
18

20. VSC - Estensioni (Must to Have)
Linters
VSC Live Share
Browser Preview
Debugger for
for Chrome, Edge & Firefox
GitLens
Docker
...e tantissimi altri!
19

21. DEMODEMO
VSC LIVE SHAREVSC LIVE SHARE
20

22. VSC Insiders
https://code.visualstudio.com/insiders/
MS Tips & Tricks
https://github.com/Microsoft/vscode-tips-and-tricks
Awesome VSCode
https://github.com/viatsko/awesome-vscode
VSC can do this
https://vscodecandothat.com/
VS Live Share
https://visualstudio.microsoft.com/it/services/live-share/
Realworld App
https://github.com/gothinkster/realworld
FiraCode
https://github.com/tonsky/FiraCode
21

23. 22

24. ...ringraziamo...
23

25. 24

26. ...e vi ricordiamo...
25

27. Compilate il modulo di Feedback
e dateci il vostro giudizio!
Abbiamo deciso di risparmiare carta a favore dell'ambiente!
26

28. 27

29. Grazie a tutti!
28