DEV Community

Mayanna Oliveira
Mayanna Oliveira

Posted on

Configurações do Visual Studio Code com comentários

Eu resolvi postar as configurações que eu uso no Visual Studio Code, espero que os comentário possa ajudar vocês com a adequação do editor com o tipo de projeto que vocês desenvolvem.
Vocês podem baixar o setting.json clicando no link.

/* 
  * Arquivo de configuração do [Visual Studio Code] com comentários.
  * by Mayanna Oliveira
*/

{
// Controla sugestões do [IntelliSense] 
"editor.suggestSelection": "first",
// Delay (ms) da da sugestão 
"editor.quickSuggestionsDelay": 10,
// Pressionar tab para inserir a sugestão
"editor.tabCompletion": "on",
// Habilitar dicas de parâmetros
"editor.parameterHints.enabled": true,
// Sugestões do [IntelliCode]
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
// Controla as sugestões que devem ser aceitas com "Enter" além de "Tab". Evita ambigüidades entre inserir novas linhas e aceitar sugestões
"editor.acceptSuggestionOnEnter": "on",
// Controla se sugestões devem ser aceitas durante a digitação
"editor.acceptSuggestionOnCommitCharacter": true,

// Importação automática do [Tabnine]
"tabnine.experimentalAutoImports": true,
// Telemetria 
"telemetry.enableTelemetry": false,

// [CodeRunner] executar no terminal 
"code-runner.runInTerminal": true,

// Associações do editor
"workbench.editorAssociations": [
{
    "viewType": "jupyter-notebook",
    "filenamePattern": "*.ipynb"

},
{
  "viewType": "vscode.markdown.preview.editor",
  "filenamePattern": "*.md"
},
{
  "viewType": "hexEditor.hexedit",
  "filenamePattern": "*.hex"
},
{
  "viewType": "hexEditor.hexedit",
  "filenamePattern": "*.ini"
}],

// Token do Ponicode
"ponicode.token": "TOKEN_DO_USUÁRIO",
// Token do Sourcery
"sourcery.token": "TOKEN_DO_USUÁRIO",

// Tema do editor
"workbench.colorTheme": "Ayu Dark Bordered",
// Tema dos ícones
"workbench.iconTheme": "vscode-great-icons",
// Tema dos ícones na barra de atividades
"workbench.productIconTheme": "icons-carbon",
// Como iniciar o editor
"workbench.startupEditor": "newUntitledFile",
// Abrir arquivos em uma nova janela
"window.openFilesInNewWindow": "default",

// Tamanho da guia
"editor.tabSize": 2,
// Webviews using iframes
"webview.experimental.useExternalEndpoint": true,
// Zoom girando a bolinha do mouse
"editor.mouseWheelZoom": true,
// Mini mapa
"editor.minimap.enabled": false,
// Salvar automaticamente
"files.autoSave": "afterDelay",

// Visualização rápida do arquivo leia [User Interface]
"workbench.editor.enablePreview": false,

// Quebra de linda
"editor.wordWrap": "on",
// Configurações da [Shortcut Menu Bar] leia a [documentação do Menu Bar]
// Atalho para formatar
"ShortcutMenuBar.formatWith": true,
// Atalho para identar linhas
"ShortcutMenuBar.indentLines": true,
// Atalho para salvar tudo
"ShortcutMenuBar.saveAll": true,
// Atalho para ver comandos
"ShortcutMenuBar.showCommands": true,
// Atalho para ocultar barra de atividades
"ShortcutMenuBar.toggleActivityBar": true,
// Atalho para abrir lista de arquivos
"ShortcutMenuBar.openFilesList": false,
// Atalho para GitLive
"GitLive.Issue tracker integration": "Enable",

// Notificações do Kite
"kite.showWelcomeNotificationOnStartup": false,

// Como font padrão foi definida a [Jetbrains Mono]
// Font do CodeLens
"editor.codeLensFontFamily": "Jetbrains Mono",
// Font do editor
"editor.fontFamily": "Jetbrains Mono",
// Font do Inlay Hints
"editor.inlayHints.fontFamily": "Jetbrains Mono",
// Font do das mensagens de commit
"scm.inputFontFamily": "Jetbrains Mono",
// Font do console
"debug.console.fontFamily": "Jetbrains Mono",
// Font do terminal
"terminal.integrated.fontFamily": "Jetbrains Mono",
// Tamanho da font do terminal
"terminal.integrated.fontSize": 15,
// Espessura da font
"editor.fontWeight": 400,

// Configurações do [Bracket Pair Colorizer 2]
// Mostrar o parênteses ativo na régua
"bracket-pair-colorizer-2.showBracketsInRuler": true,
// Posição do parênteses na régua
"bracket-pair-colorizer-2.rulerPosition": "Center",
// Mostrar posição do parênteses ativo na margem
"bracket-pair-colorizer-2.showBracketsInGutter": true,
// Cores dos parênteses
"bracket-pair-colorizer-2.colors": [
  "Gold",
  "Violet",
  "Orchid",
  "LightSkyBlue",
  "Salmon",
  "LawnGreen",
  "DarkOrange",
  "Purple",
  "Cornsilk"
],
// Configurações para uso no CSS
"bracket-pair-colorizer-2.activeScopeCSS": [
  "borderStyle : solid",
  "borderWidth : 1px",
  "borderColor : {color}",
  "opacity: 0.5"
],
// Linha horizontal para criar um bloco ao redor do parênteses
"bracket-pair-colorizer-2.showVerticalScopeLine": true,
// Fechar parênteses automaticamente 
"editor.autoClosingBrackets": "always",
// Destacar os parênteses
"bracket-pair-colorizer-2.colorMode": "Independent",
// Mostrar uma linha indicando abertura e fechamento do parênteses
"bracket-pair-colorizer-2.showHorizontalScopeLine":true,
// A linha de escopo começará na posição final do parênteses
"bracket-pair-colorizer-2.highlightActiveScope":true,
// Não usar extenção para as seguintes linguagens
// "bracket-pair-colorizer-2.excludedLanguages": [],

// Configurações do [Debugging]
"debug.onTaskErrors": "abort",

// Arquivos confiáveis leia [Restricted Mode]
"security.workspace.trust.untrustedFiles": "open",

"git.autofetch": true,
// Configurações do [Integrated Terminal]
// Evita que combinações de teclas específicas sejam manipuladas pelo terminal
"terminal.integrated.commandsToSkipShell": [
    "workbench.action.toggleSidebarVisibility",
    "language-julia.interrupt"
],
// Na divisão o terminal iniciará no diretório com o qual o terminal pai foi iniciado
"terminal.integrated.splitCwd": "workspaceRoot",

// Definições do [Julia]
"julia.symbolCacheDownload": true,

// Conexões do [SQLTools] leia a documentação do [SQLTools Database management]
"sqltools.connections": [

],

// Comfigurações do [Emmet]
"emmet.includeLanguages": {
    "django-html": "html",
    "django-txt": "html"
},
"explorer.confirmDelete": false,
"window.zoomLevel": -1,

// Configurações para Markdown
"[markdown]": {
  "editor.defaultFormatter": "yzhang.markdown-all-in-one"
},

// Configurações para CSS
"[css]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingBrackets": "always"
},

// Configurações para Json
"[json]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

// Configurações para Jsonc
"[jsonc]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

// Configurações para Typescript
"[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingBrackets": "always"
},

// Configurações para SCSS
"[scss]": {
  "editor.defaultFormatter": "HookyQR.beautify",
  "editor.autoClosingBrackets": "always"
},

// Configurações para HTML
"[html]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingBrackets": "always"
},


// Associações das sintax das linguagens
"files.associations": {
  "**/*.html": "html",
  "**/templates/*/*.html": "django-html",
  "**/templates/*": "django-txt",
  "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

// Configurações da [Auto Close Tag]
"auto-close-tag.activationOnLanguage": [
  "django-html",
  "Python",
  "xml",
  "php",
  "blade",
  "ejs",
  "jinja",
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact",
  "plaintext",
  "markdown",
  "vue",
  "liquid",
  "erb",
  "lang-cfml",
  "cfml",
  "HTML (Eex)"
],

// Configurações do [TODO Highlight]
// Case sensitive
"todohighlight.isCaseSensitive": false,
// Definição de palavras chaves para o TODO Highlight
"todohighlight.keywords": [
  {
    "text": "TESTANDO",
    "color": "#000",
    "backgroundColor": "#f0b00d",
    "overviewRulerColor": "#f0b00d"
  },
  {
    "text": "GITHUB",
    "color": "#fff",
    "backgroundColor": "#000",
    "overviewRulerColor": "#fff"
  },
  {
    "text": "POSTADO",
    "color": "#000",
    "backgroundColor": "#0c9aa7",
    "overviewRulerColor": "#0c9aa7"
  },
  {
    "text": "APROVADO",
    "color": "#000",
    "backgroundColor": "#1e691b",
    "overviewRulerColor": "#1e691b"
  },
  {
    "text": "REPROVADO",
    "color": "#fff",
    "backgroundColor": "#7f0101",
    "overviewRulerColor": "#7f0101"
  }
],

// Cor do Bookmarks na régua
"bookmarks.overviewRuler": "#2175ca",
// Salvar o Bookmarks do projeto
"bookmarks.saveBookmarksInProject": true,

// Configurações do [Comment Anchors]
// Atrasar o carregamento das âncoras, padrão é true
"commentAnchors.workspace.lazyLoad": false,
// Palavras chaves para serem ancoradas
"commentAnchors.tags.list": [
{
  "tag": "TESTANDO",
  "scope": "file",
  "iconColor": "#f0b00d",
  "highlightColor": "#f0b00d",
  "styleComment": true
},
  {
  "tag": "GITHUB",
  "scope": "file",
  "iconColor": "#969696",
  "highlightColor": "#969696",
  "styleComment": true
},
  {
  "tag": "REPROVADO",
  "scope": "file",
  "iconColor": "#7f0101",
  "highlightColor": "#7f0101",
  "styleComment": true
},
  {
  "tag": "POSTADO",
  "scope": "file",
  "iconColor": "#0c9aa7",
  "highlightColor": "#0c9aa7",
  "styleComment": true
},
  {
  "tag": "APROVADO",
  "scope": "file",
  "iconColor": "#1e691b",
  "highlightColor": "#1e691b",
  "styleComment": true
},
  {
  "tag": "TESTANDO",
  "scope": "file",
  "iconColor": "#1e691b",
  "highlightColor": "#1e691b",
  "styleComment": true
}],
// Configurações da [Todo Tree]
"todo-tree.highlights.customHighlight": {
"[ ]": {
    "background": "#a70c0c"
},
"[x]": {
    "background": "#266902"
},
"[APROVADO]": {
  "icon": "check-circle-fill",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
},
"[REPROVADO]": {
  "icon": "alert",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
},
"[POSTADO]": {
  "icon": "thumbsup",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
},
"[GITHUB]": {
  "icon": "mark-github",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
}
},
// Escanear workspace ou current file
"todo-tree.tree.scanMode": "current file",
// Botão para escanear
"todo-tree.tree.showScanModeButton": true,
// Modo de pasta compacta
"todo-tree.tree.disableCompactFolders": true,
// Destaque
"todo-tree.highlights.defaultHighlight": {
        "type": "text-and-comment"
},
// Tags do TODO Tree
"todo-tree.general.tags": [
  "BUG",
  "REPROVADO",
  "APROVADO",
  "GITHUB",
  "TESTANDO",
  "FIXME",
  "TODO",
  "[ ]",
  "[x]"
]
  } // Fim
Enter fullscreen mode Exit fullscreen mode

Alguns comando só irão funcionar se tiver determinadas extensões instaladas. Imagem para melhor visualização do código:

setting.json

Lista das referências

IntelliSense, Emmet, SQLTools, SQLTools Database management, Jetbrains Mono, IntelliCode, Tabnine, Shortcut Menu Bar, documentação do Menu Bar, User Interface, Bracket Pair Colorizer 2, Debugging, Visual Studio Code,
CodeRunner, TODO Highlight, Restricted Mode, Integrated Terminal, Julia, Auto Close Tag, Bookmarks, Todo Tree, Comment Anchors e Sourcery.

Postagem disponível

Hashnode

Siga-me nas redes sociais

github gmail whatsapp linktree instagram twitter

Discussion (0)