VSCode Settings (Updated)

settings.json

{
  "workbench.startupEditor": "newUntitledFile",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.8,
  "javascript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.rulers": [80, 120],
  "extensions.ignoreRecommendations": true,
  "typescript.tsserver.log": "off",
  "files.associations": {
    ".env.*": "dotenv",
    ".prettierrc": "json",
    "*.css": "css"
  },
  "symbols.files.associations": {
    "*.module.ts": "nest",
    "*.guard.ts": "typescript",
    "*.spec.ts": "ts-test",
    "*.e2e-spec.ts": "ts-test",
    "vitest.config.e2e.ts": "vite",
    ".env.example": "gear"
  },
  "tailwindCSS.experimental.classRegex": [
    ["tv\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],
  "editor.parameterHints.enabled": false,
  "editor.renderLineHighlight": "gutter",
  "cSpell.language": "en,pt",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "editor.suggestSelection": "first",
  "explorer.confirmDelete": false,
  "gitlens.codeLens.recentChange.enabled": false,
  "terminal.integrated.showExitAlert": false,
  "[prisma]": {
    "editor.formatOnSave": true
  },
  "typescript.suggest.autoImports": true,
  "terminal.integrated.env.osx": {
    "FIG_NEW_SESSION": "1"
  },
  "workbench.editor.labelFormat": "short",
  "editor.fontLigatures": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "cSpell.enableFiletypes": [
    "!asciidoc",
    "!c",
    "!cpp",
    "!csharp",
    "!go",
    "!handlebars",
    "!haskell",
    "!jade",
    "!java",
    "!latex",
    "!php",
    "!pug",
    "!python",
    "!restructuredtext",
    "!rust",
    "!scala",
    "!scss"
  ],
  "editor.acceptSuggestionOnCommitCharacter": false,
  "explorer.compactFolders": false,
  "git.enableSmartCommit": true,
  "editor.accessibilitySupport": "off",
  "explorer.confirmDragAndDrop": false,
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.fontFamily": "JetBrainsMono Nerd Font",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "graphql"
  ],
  "editor.semanticHighlighting.enabled": false,
  "breadcrumbs.enabled": false,
  "workbench.productIconTheme": "fluent-icons",
  "editor.fontFamily": "JetBrains Mono",
  "gitlens.codeLens.authors.enabled": false,
  "editor.tabSize": 2,
  "security.workspace.trust.untrustedFiles": "newWindow",
  "files.exclude": {
    "**\/CVS": true,
    "**\/.DS_Store": true,
    "**\/.hg": true,
    "**\/.svn": true,
    "**\/.git": true,
    ".vscode": true
    // "node_modules": true
  },
  "workbench.iconTheme": "symbols",
  "update.mode": "start",
  "terminal.integrated.gpuAcceleration": "off",
  "terminal.integrated.defaultProfile.osx": "fish",
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "window.commandCenter": true,
  "git.openRepositoryInParentFolders": "always",
  "symbols.hidesExplorerArrows": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "console-ninja.featureSet": "Community",
  "workbench.editor.empty.hint": "hidden",
  "update.showReleaseNotes": false,
  "security.promptForLocalFileProtocolHandling": false,
  "workbench.activityBar.location": "hidden",
  "apc.activityBar": {
    "position": "bottom",
    "hideSettings": true,
    "size": 48,
    "itemMargin": 8,
    "itemSize": 32
  },
  "editor.hideCursorInOverviewRuler": true,
  "editor.minimap.enabled": false,
  "window.titleBarStyle": "native",
  "apc.electron": {
    "titleBarStyle": "hiddenInset",
    "trafficLightPosition": {
      "x": 11,
      "y": 10
    },
    "frame": false
  },
  "apc.header": {
    "height": 36
  },
  "apc.listRow": {
    "height": 24
  },
  "apc.font.family": "Inter",
  "apc.stylesheet": {
    ".title-label > h2": "display: none",
    ".editor-actions": "display: none",
    ".nosidebar .inline-tabs-placeholder": "width: 75px",
    ".pane-header": "padding: 0 8px",
    ".pane-body": "padding: 8px",
    ".split-view-view:first-child .pane-header": "display: none !important;",
    ".monaco-list-row": "border-radius: 4px;",
    ".monaco-workbench .monaco-list:not(.element-focused):focus:before": "display: none;"
  },
  "editor.scrollbar.vertical": "hidden",
  "explorer.sortOrder": "foldersNestsFiles",
  "explorer.fileNesting.patterns": {
    "package.json": ".eslint*, prettier*, tsconfig*, vite*, pnpm-lock*, bun.lockb, nest*",
    "tailwind.config.js": "tailwind.config*, postcss.config*",
    ".env.local": ".env*",
    ".env": ".env*"
  },
  "explorer.fileNesting.enabled": true,
  "cSpell.userWords": [
    "bootcamp",
    "chakra",
    "checkin",
    "checkins",
    "clsx",
    "Codegen",
    "datadog",
    "Datetime",
    "dayjs",
    "Dotenv",
    "Elysia",
    "esbuild",
    "fastify",
    "Fastify",
    "feedbackwidget",
    "ffprobe",
    "Hasher",
    "Hono",
    "ilike",
    "IUGU",
    "jamjuree",
    "jupiter",
    "liveblocks",
    "LIVEBLOCKS",
    "Marguerita",
    "middlewares",
    "mixpanel",
    "monaco",
    "nestjs",
    "omni",
    "Omni",
    "Onboarded",
    "pallas",
    "postgres",
    "postgresql",
    "prefetch",
    "reactflow",
    "roboto",
    "rocketseat",
    "rotion",
    "rsxp",
    "Sandpack",
    "shiki",
    "skylab",
    "sqlite",
    "supergraph",
    "svgr",
    "sympla",
    "tailwindcss",
    "textblock",
    "tiptap",
    "trpc",
    "TRPC",
    "tsup",
    "unfollow",
    "Unfollow",
    "unform",
    "Unform",
    "unmark",
    "upsert",
    "Usuario",
    "WEBPUSH"
  ],
  "workbench.colorTheme": "Min Dark",
  "workbench.statusBar.visible": false
}

esse o vesper++ @black-adm

mano vocês são foda, muito obg que tema lindo vei :)

@insiwd achou o nome do tema ?

@insiwd achou o nome do tema ?

rapazzz falaram entre MinDark e Vesper++

@insiwd achou o nome do tema ?

rapazzz falaram entre MinDark e Vesper++

De qual imagem vocês dizem ?

De qual imagem vocês dizem ?

acho que ele está falando da foto que eu mandei. ela é mais amarelada, não acho que seja o MinDark, mas pode ser apenas um filtro de tela

De qual imagem vocês dizem ?

acho que ele está falando da foto que eu mandei. ela é mais amarelada, não acho que seja o MinDark, mas pode ser apenas um filtro de tela

O theme da sua imagem é o min dark mesmo, o da última img que mandaram é o vesper++

vesper

Como ele colocou as actions do mac lado a lado das tabs?

vesper

Como ele colocou as actions do mac lado a lado das tabs?

Ohh by using apc

Depois que eu fiz essas configurações, quando eu salvo alguma alteração, ele não faz o reload automatico do layout modificado na página.
Exemplo: Adicionei um <p>Teste</p>, porém ele não fez o reload e não apareceu na tela, somente se eu atualizar a página do navegador.

Alguém passou por isso? Ou tem alguma configuração que resolva?

Alguém sabe como mexer no window.titleBarStyle: native no windows e manter o fechar, minimizar e maximizar?

@lodsdev, ele ta usando o Vesper++

Pessoal, alguém saberia como deixar o código formatado nesse estilo sem usar o prettier:

tabsQualifications: 
  { title: "My Awesome Journey" }, 
tabsSkills: 
  { 
    title: "What I Use Everyday", 
    subtitle: {
      skills: "Skills", 
      tools: "Tools"
    } 
  },

falo sem o prettier porque ele deixar meu vscode na hr de salvar parecendo um celta veio e em vez de separar as linhas apenas visualmente ele colocar 'enter' para fazer o wrap, ou seja adiciona mais e mais linhas...

obrigado!

o meu vs ficou sem a barra, algm sabe como deixar igual ?

Alguém sabe como mexer no window.titleBarStyle: native no windows e manter o fechar, minimizar e maximizar?

só deixando custom msm

Alguem sabe que plugins ele usar no zsh para ficar daquele jeito o terminal dele?

Aqui eu uso wsl e o zsh como shell padrão no wsl. No vscode você consegue configurar um terminal padrão. Ai é só selecionar o wsl.

Meu terminal não usa as nerds fonts por nada, alguma ajuda?

Algém pode me ajudar a remover essas duas scroll bar do meio da tela?

Algém pode me ajudar a remover essas duas scroll bar do meio da tela?

só apagar essas linhas:
"editor.rulers": [80, 120]"

Estou usando win11, alguém sabe como instalar o zsh? Sei q precisa do 'sudo' mas o meu cmd e powershell n sabem oq é

Estou usando win11, alguém sabe como instalar o zsh? Sei q precisa do 'sudo' mas o meu cmd e powershell n sabem oq é

É apenas para linux. Existem semelhantes para windows, mas esse aí não dá. "sudo" é comando do linux, inclusive, por isso seu sistema não reconhece.

Aqui eu uso wsl e o zsh como shell padrão no wsl. No vscode você consegue configurar um terminal padrão. Ai é só selecionar o wsl.

Uso Debian e dwm como gerenciador de janelas (tail window manager), estou enfrentando problemas para configurar algumas fontes no Alacritty e no st (terminal da suckless). Ainda estou trabalhando na configuração para habilitar os plugins do zsh. Por enquanto, só consigo usar algumas coisas de forma bastante minimalista.

É apenas para linux. Existem semelhantes para windows, mas esse aí não dá. "sudo" é comando do linux, inclusive, por isso seu sistema não reconhece.

E se eu baixasse o terminal do Ubuntu, na loja que tem do win11? Será q daria certo? Já baixei uma vez, só n lembro se da pra colocar como terminal padrão no vscode

Algém pode me ajudar a remover essas duas scroll bar do meio da tela?

só apagar essas linhas: "editor.rulers": [80, 120]"

Grato!

Fiz uma versão para Windows (frameless) e separada por tópicos, quem tiver interesse:

VSCode Settings + Minimalist interface (Windows)

Como faz pra voltar com a barra de menu superior? tô usando essa versão mas quando mudo a visibilidade dela, não faz diferença nenhuma

Opa galera, beleza?

Eu criei um novo tema para o VSCode nessa pegada minimalista que acho que vocês podem gostar, vou deixar algumas imagens aqui em baixo.

Miraculous Theme Visual Studio Code

Dark theme for Visual Studio Code

Install • Team • License

Miraculous Theme Preview

Miraculous Terminal Preview

Miraculous Json Preview

Installation

1. Install theme from the Marketplace
2. Go to File > Preferences > Color Theme
3. Select Miraculous Theme

Team

This theme is maintained by Gabbezeira

Gabriel Alves

License

MIT License

Opa galera, beleza?

Eu criei um novo tema para o VSCode nessa pegada minimalista que acho que vocês podem gostar, vou deixar algumas imagens aqui em baixo.

Miraculous Theme [Visual Studio Code](https://code.visualstudio.com/) **Dark theme for Visual Studio Code**

Install • Team • License

Miraculous Theme Preview

Miraculous Terminal Preview

Miraculous Json Preview

Installation

1. Install theme from the Marketplace
2. Go to File > Preferences > Color Theme
3. Select Miraculous Theme

Team

This theme is maintained by Gabbezeira

Gabriel Alves

License

MIT License

Achei muito foda mano, parabéns!

Opa galera, beleza?

Eu criei um novo tema para o VSCode nessa pegada minimalista que acho que vocês podem gostar, vou deixar algumas imagens aqui em baixo.

Miraculous Theme [Visual Studio Code](https://code.visualstudio.com/) **Dark theme for Visual Studio Code**

Install • Team • License

Miraculous Theme Preview

Miraculous Terminal Preview

Miraculous Json Preview

Installation

1. Install theme from the Marketplace
2. Go to File > Preferences > Color Theme
3. Select Miraculous Theme

Team

This theme is maintained by Gabbezeira

Gabriel Alves

License

MIT License

Parabéns man, ficou muito fod@@@

Cara como foi o processo de criar um tema do zero ? tenho interesse nesse assunto.

Cara eu segui esse post e foi bem tranquilo, usei essa plataforma pra ir deixando do jeito que eu queria as abas, bordas e cores em geral, porém a as configurações das cores da sintaxe não eram salvas, aí fui alterando direto no arquivo do tema, foi muito tranquilo mesmo.