出色的 VSCode 扩展改变你的编码生活

"guides.overrideDefault": true,
"guides.active.extraIndent": true,
"guides.active.color.dark": "#86a5ff",
"guides.normal.color.dark": "rgba(191, 184, 219, 0.1)",
"guides.stack.color.dark": "rgba(191, 184, 219, 0.1)",
"guides.active.style": "dashed",
"guides.stack.style": "dashed",
"guides.normal.style": "dashed",
"guides.limit.maximum": -1,
"guides.normal.enabled": false,
"guides.indent.showFirstIndentGuides": false,

括号对着色器

"workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#58cdff",
    "editorBracketHighlight.foreground2": "#ff9ce3",
    "editorBracketHighlight.foreground3": "#9161ff",
    "editorBracketHighlight.foreground4": "#e7b454",
    "editorBracketHighlight.foreground5": "#49c54f",
}

由于括号对着色器现在是一个内置扩展，这里是我为东京夜风暴主题匹配的颜色。

主题

东京之夜 - Visual Studio 市场

Rosé Pine - Visual Studio 市场

我主要使用东京夜风暴主题，并进行了一些自定义。我更喜欢略暗但略微低于正常水平的版本，所以我将其自定义为暗蓝灰色，有时我会切换到玫瑰松主题。以下是附加配置：

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#00000000",
    "titleBar.activeForeground": "#00000000",
    "panel.border": "#00000000",
    "panelTitle.activeBorder": "#00000000",
    "editorGroup.border": "#00000000",
    "editorGroupHeader.border": "#00000000",
    "editorGroupHeader.tabsBorder": "#00000000",
    "editorHoverWidget.border": "#00000000",
    "focusBorder": "#00000000",
    "menu.border": "#00000000",
    "menubar.selectionBorder": "#00000000",
    "sideBar.border": "#00000000",
    "sideBarTitle.foreground": "#00000000",
    "sideBarSectionHeader.border": "#00000000",
    "scrollbar.shadow": "#00000000",
    "statusBar.border": "#00000000",
    "tab.activeBorder": "#00000000",
    "tab.activeModifiedBorder": "#00000000",
    "tab.border": "#00000000",
    "tab.inactiveModifiedBorder": "#00000000",
    "tab.lastPinnedBorder": "#00000000",
    "tab.unfocusedActiveBorder": "#00000000",
    "titleBar.border": "#00000000",
    "window.activeBorder": "#00000000",
    "window.inactiveBorder": "#00000000",
    "[Tokyo Night]": {
      "tab.activeBackground": "#1a1b26",
      "statusBar.background": "#272735"
    },
    "[Tokyo Night Storm]": {
      "editor.background": "#1d2132",
      "tab.activeBackground": "#1d2132",
      "tab.activeForeground": "#bdc5e9",
      "statusBar.background": "#333a57"
    },
    "[Rosé Pine]": {
      "editorGroupHeader.tabsBackground": "#171521",
      "activityBar.background": "#171521",
      "sideBar.background": "#171521",
      "titleBar.activeBackground": "#171521",
      "titleBar.inactiveBackground": "#171521",
      "tab.inactiveBackground": "#191724",
      "tab.activeBackground": "#171521",
      "terminal.background": "#171521",
      "panel.background": "#171521"
    },
    "[Rosé Pine Moon]": {
      "editorGroupHeader.tabsBackground": "#25233a",
      "activityBar.background": "#25233a",
      "sideBar.background": "#25233a",
      "titleBar.activeBackground": "#25233a",
      "titleBar.inactiveBackground": "#25233a",
      "tab.activeBackground": "#232136",
      "tab.inactiveBackground": "#25233a",
      "terminal.background": "#25233a",
      "panel.background": "#25233a"
    }
  },

图标

材质图标主题 - Visual Studio 市场

材料图标主题 - 当然，为什么不呢？

设置

🎨这是我的整体设置，以防您需要它。

{
  "typescript.updateImportsOnFileMove.enabled": "always",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "javascript.inlayHints.functionLikeReturnTypes.enabled": true,

  "window.zoomLevel": 1,
  "window.title": "Amyse is on 🔥",
  "window.autoDetectColorScheme": true,

  "workbench.iconTheme": "material-icon-theme",
  "workbench.preferredDarkColorTheme": "Tokyo Night Storm",
  "workbench.editor.enablePreview": true,
  "workbench.tips.enabled": false,
  "workbench.startupEditor": "none",
  "workbench.statusBar.visible": true,
  "workbench.tree.indent": 14,
  "workbench.tree.renderIndentGuides": "none",

  "breadcrumbs.enabled": false,

  "diffEditor.ignoreTrimWhitespace": false,
  "diffEditor.wordWrap": "on",

  "files.eol": "\n",
  "files.trimTrailingWhitespace": true,

  "extensions.ignoreRecommendations": true,

  "editor.lineNumbers": "on",
  "editor.autoClosingBrackets": "always",
  "editor.maxTokenizationLineLength": 500000,
  "editor.wordWrapColumn": 120,
  "editor.linkedEditing": true,
  "editor.overviewRulerBorder": false,
  "editor.scrollBeyondLastLine": false,
  "editor.find.addExtraSpaceOnTop": false,
  "editor.cursorBlinking": "solid",
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.fontFamily": "Dank Mono, Fira Code, JetBrains Mono, Kanit",
  "editor.fontWeight": "300",
  "editor.fontLigatures": true,
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 22,
  "editor.semanticHighlighting.enabled": false,
  // "editor.letterSpacing": 0.5,
  "editor.renderWhitespace": "trailing",
  "editor.renderLineHighlight": "gutter",
  "editor.renderControlCharacters": false,
  "editor.occurrencesHighlight": true,
  "editor.selectionHighlight": false,
  "editor.detectIndentation": true,
  "editor.scrollBeyondLastColumn": 4,
  "editor.definitionLinkOpensInPeek": true,
  "editor.padding.top": 22,
  "editor.padding.bottom": 22,
  "editor.suggest.preview": true,

  "explorer.confirmDragAndDrop": false,
  "explorer.openEditors.visible": 8,
  "explorer.confirmDelete": true,
  "explorer.incrementalNaming": "smart",

  "terminal.external.windowsExec": "",
  "terminal.external.osxExec": "iTerm.app",
  "terminal.integrated.fontFamily": "MesloLGS NF, 'Fira Code',Operator Mono Light",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.env.osx": {
    "FIG_NEW_SESSION": "1"
  },

  "files.hotExit": "off",
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,

  "search.exclude": {
    "**/node_modules": true,
    "**/package-lock.json": true,
    "**/yarn-lock.json": true,
    "**/bower_components": true,
    "**/*.code-search": true
  },

  "scm.diffDecorations": "none",
  "scm.diffDecorationsGutterWidth": 1,

  "turboConsoleLog.logMessagePrefix": "",
  "turboConsoleLog.quote": "'",

  "search.quickOpen.includeHistory": false,

  "git.alwaysShowStagedChangesResourceGroup": true,
  "gitlens.currentLine.format": "${author}, ${agoOrDate} ",
  "gitlens.currentLine.scrollable": false,
  "gitlens.codeLens.scopes": ["document"],
  "gitlens.statusBar.enabled": false,
  "gitlens.hovers.currentLine.changes": false,
  "gitlens.hovers.annotations.changes": false,
  "gitlens.views.repositories.files.compact": false,
  "gitlens.views.repositories.showBranchComparison": false,
  "gitlens.statusBar.alignment": "left",
  "git.autofetch": true,
  "GitLive.Issue tracker integration": "Disabled",

  "prettier.configPath": "~/.prettierrc",
  "css.validate": false,
  "scss.validate": false,
  "less.validate": false,
  "emmet.triggerExpansionOnTab": true,
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescriptreact": "javascriptreact"
  },
  "gitlens.views.remotes.branches.layout": "list",
  "gitlens.advanced.messages": {
    "suppressImproperWorkspaceCasingWarning": true
  },
  "stylelint.snippet": ["css", "postcss", "scss", "css-in-js"],
  "stylelint.validate": [
    "css",
    "html",
    "javascript",
    "javascriptreact",
    "markdown",
    "postcss",
    "sass",
    "scss",
    "source.css.styled",
    "source.markdown.math",
    "svelte",
    "typescript",
    "typescriptreact",
    "xml"
  ],
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnPaste": false,
  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file",
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.addMissingImports": true,
    "source.fixAll": true
  },
  "turboConsoleLog.addSemicolonInTheEnd": false,
  "turboConsoleLog.delimiterInsideMessage": "",
  "turboConsoleLog.includeFileNameAndLineNum": false,
  "turboConsoleLog.insertEnclosingFunction": false,

  "editor.bracketPairColorization.enabled": true,
  "editor.semanticTokenColorCustomizations": {
    "enabled": false
  },
  "editor.tokenColorCustomizations": {
    "textMateRules": []
  },

  "workbench.colorTheme": "Tokyo Night Storm",
  "editor.accessibilitySupport": "off",
  "editor.inlineSuggest.enabled": true,
  "github.copilot.enable": {
    "*": true,
    "yaml": false,
    "plaintext": false,
    "markdown": false
  },
  "editor.guides.indentation": false,
  "editor.guides.highlightActiveIndentation": false,
  "editor.guides.bracketPairsHorizontal": false,
}

这可能不太相关，但仍然是我最喜欢的座右铭：

🍀 冷静是战胜困难的最佳方法

最后的想法

在我看来，我列出的清单应该供每位开发者参考。有些人可能会觉得它们有用，有些人可能觉得没用。如果觉得有用，请点赞或评论以示支持。最后，如果有人有扩展程序想分享，请告诉我！

现在是今天。好好享受吧，德弗！

文章来源：https://dev.to/duckinm/superb-vscode-extensions-changing-your-coding-life-2cmb