VocÊ conhece sua ferramenta?

Transcript

1. Você conhece sua ferramenta? Como aprender a usar o vscode pode te ajudar a dar um boost no seu desenvolvimento!
2. Oi, sou o Maneco! • Cearence • Front End • Javaeiro • Mas antes de tudo javascripteiro • Já usei eclipse e intellij • Mas Amor so pelo VSCode
3. Um pequeno Resumo! • Como configurar? • Atalhos? • Extensões? • Codar mais rápido? • Aparência? • Outros tips and tricks
4. Como Configurar? • Parece difícil • Mas não é • Já vem configurado • Ctrl + , • UI e Json • Workspace e Usuário • Por linguagem • Grupos de Config Refs: https://code.visualstudio.com/docs/getstarted/settings
5. Atalhos • Menos mouse mais teclas • Acessível • Mais rápido • Keymap de outros editores • Ctrl+ Shift+ Alt+ e Win+ • Vários e vários padrões • F1 e Ctrl+Shift + p é a mesma coisa Ref: https://code.visualstudio.com/docs/getstarted/keybindings#_default-keyboard-shortcuts
6. Atalhos Úteis • CTRL + B • CTRL + SHIFT + E • CTRL + SHIFT + X • CTRL + SHIFT + G + G • CTRL + SHIFT + F • CTRL + K + K • CTRL + P • F1 • CTRL + SHIFT + `
7. Extensões • Altamente extensivo • Populares e desconhecidas • Spotify • Pretty much any language • Dicionário • Te Recomenda extensões baseada no seu workspace • Extensões por workspace • Ja vem com um bucado Ref: https://marketplace.visualstudio.com/VSCode
8. Extensões Úteis • Settings Sync • ESLint • Auto Rename Tag • Path intellisense • Git Lens • Prettier • Live Server • Bracket color colorizor • Better Comments
9. Codar mais rápido ? • Snippets são os melhores • 1.. 2… 3 teclas e tab! • Infinidade de snippets • Mas você pode criar os seus • Por linguagem • Ja vem com um bucado Ref: https://code.visualstudio.com/docs/editor/userdefinedsnippets
10. Snippets Uteis • ES6 Javascript Snippets • Bootstrap Snippets • Vue 2 Snippets • Angular v7 Snippets • Snippet-creator • Html Snippets
11. Aparência e temas • Deixe com seu estilo • Deixe com sua fonte • Sempre tenha um tema branco e um tema certo (black) • Elimine distrações visuais Ref: https://code.visualstudio.com/docs/getstarted/themes
12. Themas bacanas • Panda Theme • Material Theme • Winter is comming theme • One Monokai theme • Slack theme • Atom one dark theme •
13. Tips and tricks • Terminal integrado -> ctrl + ` • AutoSave • Toggle Sidebar -> ctrl + B • Mudar de aba -> ctrl + 123456 • Histórico de navegação -> ctrl + Tab REf: https://code.visualstudio.com/docs/getstarted/tips-and-tricks
14. Editing hacks tips • Seleção multi cursor • Column box selector • Copiar linha cima e baixo • Subir e descer linha • Expandir seleção • Expandir codigo REf: https://code.visualstudio.com/docs/getstarted/tips-and-tricks
15. Editiing hacks shortcuts • shift + alt + seleção de mouse • shift + alt + cima ou baixo • ctrl + shift +alt + cima ou baixo • alt + cima ou baixo • shift + alt + -> ou <- • ctrl + shift + [ ou ]
16. Valeuuuuu @Manoeljosefneto