🌐 Detecting your location…
📢 Advertisement — Configure AdSense in Appearance → Customize → AdSense Settings

वीएस कोड संपूर्ण गाइड 2026: एक्सटेंशन, शॉर्टकट और प्रो टिप्स

⏱️2 min read  ·  341 words

विजुअल स्टूडियो कोड दुनिया का सबसे लोकप्रिय कोड संपादक है, जिसका उपयोग स्टैक ओवरफ्लो 2026 के अनुसार 74% से अधिक डेवलपर्स द्वारा किया जाता है। यह गाइड आवश्यक एक्सटेंशन, कीबाइंडिंग, सेटिंग्स और वर्कफ़्लो को कवर करता है जो वीएस कोड को किसी भी भाषा या ढांचे के लिए एक पावरहाउस आईडीई बनाता है।

आवश्यक सेटिंग्स (settings.json)

{
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.rulers": [80, 120],
  "editor.minimap.enabled": false,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.inlineSuggest.enabled": true,
  "editor.suggestSelection": "first",
  "editor.quickSuggestions": {
    "other": "on",
    "comments": "on",
    "strings": "on"
  },
  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "material-icon-theme",
  "terminal.integrated.fontFamily": "'JetBrains Mono'",
  "terminal.integrated.fontSize": 13,
  "files.autoSave": "onFocusChange",
  "files.trimTrailingWhitespace": true,
  "explorer.confirmDelete": false,
  "git.autofetch": true
}

आवश्यक एक्सटेंशन 2026

एआई और उत्पादकता

  • गिटहब कोपायलट– एआई कोड पूरा करना और चैट करना
  • Tabnine– वैकल्पिक एआई सहायक
  • त्रुटि लेंस– एक ही पंक्ति में त्रुटियाँ दिखाएँ
  • GitLens– गिट दोष, इतिहास और कोड लेंस
  • कोड वर्तनी जांचकर्ता– कोड और टिप्पणियों में टाइप संबंधी गलतियाँ पकड़ें

फ़ॉर्मेटिंग और लिंटिंग

  • खूबसूरत– विचारित कोड फ़ॉर्मेटर
  • ईएसलिंट– जावास्क्रिप्ट/टाइपस्क्रिप्ट लाइनिंग
  • पाइलेंस– पायथन भाषा सर्वर (प्रकार की जाँच)
  • एक प्रकार की मछली– बहुत तेज़ पायथन लिंटर/फ़ॉर्मेटर
  • बायोम– तेज जेएस/टीएस लिंटर + फॉर्मेटर

भाषा समर्थन

  • अजगर(ms-python.python)
  • जंग विश्लेषक– जंग भाषा सर्वर
  • Go– भाषा समर्थन प्राप्त करें
  • और भी बेहतर TOML– टीओएमएल सिंटैक्स
  • डाक में काम करनेवाला मज़दूर– डॉकरफ़ाइल, डॉकर-कंपोज़ सिंटैक्स

विषय-वस्तु और स्वरूप

  • वन डार्क प्रो– क्लासिक डार्क थीम
  • कैटपुचिन– पेस्टल, आंखों के लिए आसान
  • सामग्री चिह्न थीम-फ़ाइल चिह्न
  • धाराप्रवाह प्रतीक– यूआई आइकन

आवश्यक कीबोर्ड शॉर्टकट

# Navigation
Ctrl+P / Cmd+P         Quick open file
Ctrl+Shift+P           Command palette
Ctrl+` (backtick)      Open terminal
Ctrl+B                 Toggle sidebar
Ctrl+\                 Split editor
Ctrl+Tab               Switch tabs
Alt+Left/Right         Go forward/back in history
Ctrl+G                 Go to line number

# Editing
Ctrl+D                 Select next occurrence
Ctrl+Shift+L           Select all occurrences
Alt+Click              Multi-cursor
Ctrl+Shift+K           Delete line
Alt+Up/Down            Move line up/down
Ctrl+/                 Toggle comment
Shift+Alt+F            Format document
F2                     Rename symbol
F12                    Go to definition
Alt+F12                Peek definition
Shift+F12              Find all references

# Terminal
Ctrl+` (backtick)      Open new terminal
Ctrl+Shift+`           Create new terminal
Ctrl+Shift+5           Split terminal

कार्यक्षेत्र और मल्टी-रूट सेटअप

// .vscode/settings.json — per-project settings
{
  "python.defaultInterpreterPath": "./.venv/bin/python",
  "editor.formatOnSave": true,
  "[python]": {
    "editor.defaultFormatter": "charliermarsh.ruff",
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

// .vscode/extensions.json — recommend extensions to team
{
  "recommendations": [
    "GitHub.copilot",
    "esbenp.prettier-vscode",
    "ms-python.python",
    "charliermarsh.ruff",
    "eamodio.gitlens"
  ]
}

// .vscode/launch.json — debug configuration
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "FastAPI",
      "type": "python",
      "request": "launch",
      "module": "uvicorn",
      "args": ["main:app", "--reload"],
      "jinja": true
    }
  ]
}

दूरस्थ विकास

वीएस कोड रिमोट एक्सटेंशन आपको सर्वर पर, डॉकर कंटेनर में या एसएसएच के माध्यम से कोड संपादित करने देते हैं:

  • रिमोट – एसएसएच– किसी भी SSH सर्वर पर फ़ाइलों को स्थानीय की तरह संपादित करें
  • रिमोट – कंटेनर/डेव कंटेनर– डॉकर के अंदर विकसित करें
  • रिमोट – डब्लूएसएल— विंडोज़ पर लिनक्स फ़ाइलें संपादित करें
  • GitHub कोडस्पेस– क्लाउड विकास पर्यावरण

// .devcontainer/devcontainer.json
{
  "name": "Python Dev",
  "image": "mcr.microsoft.com/devcontainers/python:3.12",
  "features": {
    "ghcr.io/devcontainers/features/docker-in-docker:2": {},
    "ghcr.io/devcontainers/features/node:1": {}
  },
  "postCreateCommand": "pip install -r requirements.txt",
  "customizations": {
    "vscode": {
      "extensions": ["ms-python.python", "charliermarsh.ruff"]
    }
  }
}

उत्पादकता युक्तियाँ

  • ज़ेन मोड— Ctrl+K Z — व्याकुलता रहित पूर्ण स्क्रीन संपादन
  • चिपचिपा स्क्रॉल– जैसे ही आप स्क्रॉल करते हैं, वर्तमान फ़ंक्शन/क्लास संदर्भ दिखाता है (सेटिंग्स में सक्षम करें)
  • ब्रेडक्रम्ब्स– प्रतीकों को नेविगेट करने के लिए शीर्ष पर पथ पर क्लिक करें
  • रूपरेखा दृश्य– प्रतीक पैनल सभी कार्यों और वर्गों को दिखाता है
  • सिंबल पर जाएं– फ़ाइल में किसी फ़ंक्शन पर जाने के लिए Ctrl+Shift+O
  • संदर्भ पूर्वावलोकन– प्रकार और दस्तावेज़ देखने के लिए किसी भी प्रतीक पर होवर करें
  • कार्य– कमांड पैलेट से बिल्ड/टेस्ट कमांड चलाएँ → कार्य: टास्क चलाएँ

प्रोफाइल – कॉन्फ़िगरेशन सहेजें और साझा करें

वीएस कोड प्रोफाइल (2023+) आपको विभिन्न वर्कफ़्लो के लिए एक्सटेंशन सेट और सेटिंग्स सहेजने देता है:

  • पायथन डेटा साइंस प्रोफ़ाइल
  • टाइपस्क्रिप्ट फ्रंटएंड प्रोफ़ाइल
  • न्यूनतम लेखन प्रोफ़ाइल (कोई कोड एक्सटेंशन नहीं)

प्रोफ़ाइल को इसके माध्यम से निर्यात करें: फ़ाइल → प्राथमिकताएँ → प्रोफ़ाइल → प्रोफ़ाइल निर्यात करें → सार या स्थानीय फ़ाइल के रूप में साझा करें

सही एक्सटेंशन और सेटिंग्स के साथ 2026 में वीएस कोड किसी भी भाषा के लिए एक संपूर्ण आईडीई है। आवश्यक चीजें स्थापित करें, 10 मुख्य शॉर्टकट सीखें, प्रति-प्रोजेक्ट सेटिंग्स कॉन्फ़िगर करें.vscode/settings.json, और उत्पादकता गुणक के लिए GitHub Copilot का उपयोग करें।

✍️ Leave a Comment

Your email address will not be published. Required fields are marked *

🌐 Read in:🇬🇧 English🇩🇪 Deutsch🇧🇷 Português🇸🇦 العربية🇮🇳 हिन्दी🇧🇩 বাংলা