یک 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 شما باید به این شکل باشد:
من واقعاً عاشق این مجموعه هستم زیرا به من کمک می کند تا روی برنامه نویسی تمرکز کنم و صادقانه بگویم ، زیبا به نظر می رسد!
سریع
برای دسترسی به منوی نوار کناری ، از آن استفاده کنید ctrl + qبشر
مرجع
الهام بخش اصلی این تنظیم در این ویدیو را بررسی کنید.
امیدوارم از این مقاله لذت برده باشید! شما را در مورد بعدی می بینیم. 🚀