يعد Visual Studio Code محرر التعليمات البرمجية الأكثر شيوعًا في العالم، ويستخدمه أكثر من 74% من المطورين وفقًا لـ Stack Overflow 2026. يغطي هذا الدليل الامتدادات الأساسية وربطات المفاتيح والإعدادات وسير العمل التي تجعل VS Code بيئة تطوير متكاملة قوية لأي لغة أو إطار عمل.
📋 Table of Contents
الإعدادات الأساسية (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 لمضاعف الإنتاجية.
🔗 Share this article
✍️ Leave a Comment