بيئة التطوير ليست مجرد محرر نصوص. مع الوقت تصبح مجموعة الأدوات التي تستخدمها داخل المحرر جزءًا من طريقة عملك نفسها.
Visual Studio Code بدون إضافات هو مجرد محرر جيد. لكن مع الإضافات المناسبة يتحول إلى بيئة تطوير كاملة.
القائمة هنا ليست “أفضل إضافات VS Code”، بل الإضافات التي استقرت معي أثناء العمل على مشاريع PHP و Laravel.
إضافات PHP الأساسية
PHP IntelliSense
هذه من الإضافات الأساسية لأي شخص يكتب PHP داخل VS Code.
توفر:
- Auto completion للكود
- فهم للكلاسات والـ namespaces
- الانتقال بين الملفات بسرعة
- تحليل الكود أثناء الكتابة
في المشاريع الكبيرة يصبح وجود هذه الإضافة ضروريًا لأن التنقل بين الملفات والكلاسات يحدث بشكل مستمر.
PHP Namespace Resolver
إضافة صغيرة لكنها توفر وقتًا كبيرًا.
عند استخدام كلاس غير مستورد داخل الملف يمكن للإضافة إضافة الـ namespace تلقائيًا.
User::create([...]);
بدل البحث يدويًا عن:
use App\Models\User;
PHP Debug و PHP Profiler
عند استخدام Xdebug يصبح من الممكن تتبع تنفيذ الكود خطوة بخطوة.
يمكنك:
- إيقاف التنفيذ عند نقطة معينة
- مراقبة المتغيرات
- تحليل أداء الكود
هذه الأدوات مفيدة جدًا عندما تبدأ مشاكل الأداء بالظهور داخل التطبيق.
إضافات Laravel
Laravel Artisan
تشغيل أوامر Artisan مباشرة من داخل VS Code.
بدل الانتقال للطرفية يمكن تشغيل أوامر مثل:
php artisan migrate
php artisan make:model
php artisan queue:work
من داخل المحرر.
Laravel Blade Formatter
ملفات Blade تصبح غير مرتبة بسرعة خصوصًا في الصفحات الكبيرة.
هذه الإضافة تعيد تنسيق ملفات Blade تلقائيًا وتساعد في الحفاظ على هيكل واضح للملفات.
Laravel Extra Intellisense
تحسن فهم VS Code لبيئة Laravel.
تقدم auto completion لأشياء مثل:
- routes
- configs
- facades
وهذا يجعل كتابة الكود داخل Laravel أسرع.
إضافات تنظيم الكود
Prettier
تستخدم لتنسيق الكود تلقائيًا.
مفيدة خصوصًا مع:
- JavaScript
- JSON
- HTML
- CSS
وتساعد على إبقاء الكود موحد الشكل.
Better Comments
تنظيم التعليقات داخل الكود.
يمكن تمييز أنواع مختلفة من التعليقات مثل:
- TODO
- WARNING
- IMPORTANT
وهذا يجعل قراءة الكود أسهل.
Indent Rainbow
تلوين مستويات الـ indentation.
هذه إضافة بسيطة لكنها تجعل قراءة الكود المتداخل أسهل بكثير.
إضافات الإنتاجية
CodeSnap
تستخدم لالتقاط صور جميلة من الكود.
مفيدة عند:
- كتابة المقالات التقنية
- مشاركة الكود
- التوثيق
Thunder Client
بديل خفيف لـ Postman داخل VS Code.
مفيد لاختبار:
- REST APIs
- JWT endpoints
- اختبارات backend
WakaTime
تعقب الوقت الذي تقضيه في البرمجة.
يعطيك إحصائيات مثل:
- عدد ساعات البرمجة
- اللغات الأكثر استخدامًا
- المشاريع التي تعمل عليها
إضافات Docker
Container Tools
إضافة من Microsoft تساعد في إدارة Docker من داخل VS Code.
يمكن من خلالها:
- عرض الحاويات
- تشغيل images
- متابعة logs
Docker DX
تضيف أدوات إضافية للعمل مع Docker أثناء التطوير خصوصًا في المشاريع التي تعتمد على عدة خدمات.
إضافات صغيرة لكنها مفيدة
- Auto Rename Tag
- DotENV
- Bracket Pair Color
- Material Icon Theme
- Peacock
- EditorConfig
هذه الإضافات لا تغير طريقة البرمجة نفسها لكنها تجعل العمل داخل المحرر أكثر راحة.
Azkari
إضافة بسيطة تعرض الأذكار داخل VS Code أثناء العمل. ليست أداة برمجية بحد ذاتها، لكنها تظهر بين فترة وأخرى داخل المحرر كتذكير قصير أثناء ساعات العمل الطويلة.