Introdução
Durante as aulas eu utilizo algumas extensões e configurações no Visual Studio Code. Segue algumas das extensões utilizadas, além do arquivo de configurações.
Extensões
- Code Runner: Para execução dos códigos.
- Live Server: Para execução de servidor web local.
- Symbols: Ícones do explorador.
- ESLint: Essencial para manter a consistência do código.
- Prettier: Formatação automática.
- Tailwind CSS IntelliSense: Autocomplete para classes do Tailwind.
- Bearded Theme: Pacote de temas.
- REST Client: Cliente para teste de aplicações REST.
Fontes
Configurações (settings.json)
As configurações são acessadas utilizando CTRL + , e depois clicando no botão "Abrir Configurações (JSON) no canto superior direito para visualizar o arquivo.
Aqui está parte do meu settings.json:
{
// EDITOR
"editor.suggestSelection": "first",
"editor.scrollbar.verticalScrollbarSize": 10,
"editor.scrollbar.horizontalScrollbarSize": 10,
"editor.minimap.enabled": false,
"editor.minimap.renderCharacters": false,
"editor.cursorBlinking": "phase",
"editor.cursorSmoothCaretAnimation": "on",
"editor.cursorWidth": 3,
"editor.mouseWheelZoom": true,
"editor.fontSize": 16,
"editor.lineHeight": 1.6,
"editor.fontFamily": "JetBrains Mono", // Precisa instalar a fonte JetBrains Mono
"editor.fontLigatures": true,
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active",
"editor.inlineSuggest.enabled": true,
"editor.guides.bracketPairsHorizontal": false,
"editor.guides.indentation": false,
"editor.renderLineHighlight": "gutter",
"editor.stickyScroll.enabled": false, // desabilita os escopos ficarem na parte de cima do editor
"editor.wordWrap": "bounded",
"editor.wordWrapColumn": 120,
"editor.rulers": [
{
"column": 100,
"color": "#3e3949"
},
120
],
//WORKBENCH
"workbench.iconTheme": "symbols", // extensão Symbols
"workbench.editor.enablePreviewFromQuickOpen": false,
"workbench.tree.indent": 20,
"workbench.editor.highlightModifiedTabs": true,
"workbench.editor.empty.hint": "hidden",
"workbench.tree.renderIndentGuides": "onHover",
"workbench.layoutControl.type": "toggles",
"workbench.editor.enablePreview": false,
"window.titleBarStyle": "custom",
"window.commandCenter": true,
"window.menuBarVisibility": "toggle",
"breadcrumbs.enabled": false,
"explorer.compactFolders": false,
"explorer.autoReveal": "focusNoScroll",
//TERMINAL
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.cursorWidth": 3,
"terminal.integrated.detectLocale": "on",
"terminal.integrated.fontSize": 16,
"terminal.integrated.fontFamily": "CaskaydiaCove Nerd Font Mono", // Precisa instalar a fonte Caskaydia Cove
"terminal.integrated.enableMultiLinePasteWarning": "never",
"terminal.integrated.focusAfterRun": "terminal",
"diffEditor.renderSideBySide": false,
"files.autoSave": "afterDelay",
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.donotShowInfoMsg": true,
"git.autofetch": true,
"git.ignoreMissingGitWarning": true,
"git.confirmSync": false,
"git.closeDiffOnOperation": true,
"code-runner.preserveFocus": false,
"code-runner.runInTerminal": true,
"symbols.hidesExplorerArrows": true,
}
Espero que isso ajude a configurar seu ambiente!