برنامه نویسی

یک Vscode مینیمالیستی برای کمک به شما در تمرکز روی برنامه نویسی

شاید شما از طرح VSCode خود خسته شده اید ، اما من یک راه حل دارم! این تنظیم از یک رویکرد مینیمالیستی پیروی می کند و تمام عناصر غیر ضروری را از صفحه نمایش خود حذف می کند تا بتوانید کاملاً روی کد خود تمرکز کنید.

من این ایده را از CTO RocketSeat گرفتم و بعد از استفاده از آن ، متوجه پیشرفت واقعی در بهره وری خود شدم.

بیایید VSCode خود را سفارشی کنیم!

برای دستیابی به این ظاهر تمیز و متمرکز ، باید پسوندهای زیر را نصب کنید:

قلم

برای قلم ها ، من از jetbrains mono استفاده می کنم. این یک انتخاب غیرمعمول است ، اما می توانید به عنوان مثال از هر قلم که دوست دارید استفاده کنید. من Jetbrains Mono را ترجیح می دهم زیرا از لیگاتورهای قلم پشتیبانی می کند ، که باعث افزایش خوانایی می شود.

پیکربندی

پس از نصب پسوندها ، خود را باز کنید settings.json و پیکربندی زیر را بچسبانید:

{
    "workbench.startupEditor": "newUntitledFile",
    "workbench.editor.doubleClickTabToToggleEditorGroupSizes": "maximize",
    "editor.fontSize": 14,
    "editor.lineHeight": 1.8,
    "editor.rulers": [80, 120],
    "extensions.ignoreRecommendations": true,
    "files.associations": {
      ".env.*": "dotenv",
      ".prettierrc": "json",
      "*.css": "css"
    },
    "symbols.files.associations": {
      ".env.example": "gear"
    },
    "editor.parameterHints.enabled": false,
    "editor.renderLineHighlight": "gutter",
    "editor.suggestSelection": "first",
    "explorer.confirmDelete": false,
    "terminal.integrated.showExitAlert": false,
    "workbench.editor.labelFormat": "short",
    "editor.fontLigatures": true,
    "editor.acceptSuggestionOnCommitCharacter": false,
    "explorer.compactFolders": false,
    "git.enableSmartCommit": true,
    "editor.accessibilitySupport": "off",
    "explorer.confirmDragAndDrop": false,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": "explicit"
    },
    "editor.semanticHighlighting.enabled": false,
    "breadcrumbs.enabled": false,
    "workbench.productIconTheme": "fluent-icons",
    "editor.fontFamily": "JetBrains Mono",
    "editor.tabSize": 2,
    "security.workspace.trust.untrustedFiles": "newWindow",
    "files.exclude": {
      "**\/CVS": true,
      "**\/.DS_Store": true,
      "**\/.hg": true,
      "**\/.svn": true,
      "**\/.git": true,
      ".vscode": true
    },
    "workbench.iconTheme": "symbols",
    "update.mode": "start",
    "[jsonc]": {
      "editor.defaultFormatter": "vscode.json-language-features"
    },
    "[json]": {
      "editor.defaultFormatter": "vscode.json-language-features"
    },
    "window.commandCenter": true,
    "git.openRepositoryInParentFolders": "always",
    "symbols.hidesExplorerArrows": false,
    "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": {
      ".env.local": ".env*",
      ".env": ".env*"
    },
    "explorer.fileNesting.enabled": true,
    "workbench.colorTheme": "Min Dark",
    "workbench.statusBar.visible": false,
    "window.customTitleBarVisibility": "never",
    "diffEditor.ignoreTrimWhitespace": false,
    "diffEditor.maxComputationTime": 0,
    "remote.autoForwardPortsSource": "hybrid"
  }
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

پس از استفاده از این تنظیمات ، VSCode شما باید به این شکل باشد:

vscode با تنظیمات

من واقعاً عاشق این مجموعه هستم زیرا به من کمک می کند تا روی برنامه نویسی تمرکز کنم و صادقانه بگویم ، زیبا به نظر می رسد!

سریع

برای دسترسی به منوی نوار کناری ، از آن استفاده کنید ctrl + qبشر

مرجع

الهام بخش اصلی این تنظیم در این ویدیو را بررسی کنید.

امیدوارم از این مقاله لذت برده باشید! شما را در مورد بعدی می بینیم. 🚀

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا