More Related Content
What's hot (20)
Similar to Acadevmy - Visual Studio Code Overview (20)
More from Francesco Sciuti (6)
Acadevmy - Visual Studio Code Overview
- 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
- 25. 24
- 27. Compilate il modulo di Feedback e dateci il vostro giudizio! Abbiamo deciso di risparmiare carta a favore dell'ambiente! 26
- 28. 27