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

الدليل الكامل لـ VS Code 2026: الإضافات والاختصارات والنصائح الاحترافية

⏱️2 min read  ·  367 words

يعد Visual Studio Code محرر التعليمات البرمجية الأكثر شيوعًا في العالم، ويستخدمه أكثر من 74% من المطورين وفقًا لـ Stack Overflow 2026. يغطي هذا الدليل الامتدادات الأساسية وربطات المفاتيح والإعدادات وسير العمل التي تجعل VS Code بيئة تطوير متكاملة قوية لأي لغة أو إطار عمل.

الإعدادات الأساسية (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

الذكاء الاصطناعي والإنتاجية

  • جيثب مساعد الطيار– إكمال كود الذكاء الاصطناعي والدردشة
  • تبنين– مساعد الذكاء الاصطناعي البديل
  • عدسة الخطأ– إظهار الأخطاء المضمنة على نفس السطر
  • جيت لينس– إلقاء اللوم على Git والتاريخ وعدسة الكود
  • المدقق الإملائي للكود– اكتشاف الأخطاء المطبعية في التعليمات البرمجية والتعليقات

التنسيق والفحص

  • أجمل– منسق التعليمات البرمجية برأيه
  • ESLint– فحص JavaScript/TypeScript
  • بيلانس– خادم لغة بايثون (التحقق من النوع)
  • راف– سرعة بايثون linter/formatter
  • بيوم— سريع JS/TS linter + المنسق

دعم اللغة

  • بايثون(ms-python.python)
  • محلل الصدأ– خادم لغة الصدأ
  • Go– اذهب لدعم اللغة
  • حتى أفضل TOML– بناء جملة TOML
  • عامل ميناء– Dockerfile، بناء جملة docker-compose

المواضيع والمظهر

  • واحد الظلام برو– مظهر مظلم كلاسيكي
  • كاتبوتشين– باستيل، لطيف على العيون
  • موضوع أيقونة المواد– أيقونات الملفات
  • أيقونات سلسة– أيقونات واجهة المستخدم

اختصارات لوحة المفاتيح الأساسية

# 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
    }
  ]
}

التنمية عن بعد

تتيح لك ملحقات VS Code Remote تحرير التعليمات البرمجية على الخوادم، أو في حاويات Docker، أو عبر SSH:

  • عن بعد – SSH– تحرير الملفات على أي خادم SSH كما لو كان محليًا
  • التحكم عن بعد – الحاويات / حاويات التطوير— التطوير داخل Docker
  • عن بعد – WSL– تحرير ملفات Linux على نظام Windows
  • مساحات كود جيثب– بيئة التطوير السحابية

// .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 للانتقال إلى أي وظيفة في الملف
  • معاينة المرجع– قم بالتمرير فوق أي رمز لرؤية النوع والمستندات
  • المهام– تشغيل أوامر البناء/الاختبار من لوحة الأوامر → المهام: تشغيل المهمة

الملفات الشخصية – حفظ التكوينات ومشاركتها

تتيح لك ملفات تعريف VS Code (2023+) حفظ مجموعات الإضافات والإعدادات لسير العمل المختلفة:

  • ملف تعريف بايثون لعلوم البيانات
  • الملف الشخصي للواجهة الأمامية لـ TypeScript
  • الحد الأدنى من ملف تعريف الكتابة (بدون امتدادات التعليمات البرمجية)

تصدير الملف الشخصي عبر: ملف → التفضيلات → الملفات الشخصية → تصدير الملف الشخصي → المشاركة كملف Gist أو ملف محلي

يعد VS Code في 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🇸🇦 العربية🇮🇳 हिन्दी🇧🇩 বাংলা