أفضل 15 إضافة لـ VSCode لتحسين تجربة البرمجة
كتب بواسطة
إدريس الدويري
3 min read
يعد Visual Studio Code (VSCode) محرر أكواد قوي اكتسب شعبية عالية بين المطورين في جميع أنحاء العالم. ويوفر لك المرونة لتحسين تجربة المبرمج خاصتك من خلال مجموعة متنوعة من الامتدادات. في هذه المقالة، سنتناول بعضًا من أفضل امتدادات VS Code التي يمكن أن تأخذ إنتاجيتك إلى مستوى اخر.
1. Template String Converter

امتداد Template String Converter سيحول سلاسل النصوص العادية إلى template string تلقائيًا عند كتابة ${.
2. Live Server

Live Server يتيح لك بدء مشروعك على خادم محلي مباشرة في متصفحك ويقوم بتحديث المتصفح تلقائيًا مع كل تغيير، مما يوفر لك الوقت والجهد. مفيد بشكل خاص لمطوري الويب.
3. Material Icon Theme
![]()
Material Icon Theme يستبدل الأيقونات الافتراضية للملفات والمجلدات بأيقونات جذابة من تصميم Material Design، مما يسهل التنقل في مشروعك ويضفيه جمالية.
4. Prettier

توفيرًا للوقت في التنسيق اليدوي، فإن Prettier يقوم بتنسيق الكود الخاص بك تلقائيًا لضمان التناسق والقراءة عبر مشاريعك. قم بتعيينه كأداة التنسيق الافتراضية الخاصة بك واسمح بالتنسيق عند الحفظ من الإعدادات لتنسيق الكود في كل مرة تحفظ فيها الصفحة.
5. CodeSnap

التقط لقطات جميلة لكودك مع السمة الحالية في VS Code باستخدام امتداد CodeSnap. شارك كودك بطريقة جذابة بصريًا، مما يسهل على الآخرين فهمه ومتابعته.
6. TODO Highlight

امتداد TODO Highlight يميز التعليقات بالكلمات المفتاحية المحددة مثل TODO و FIXME أو أي كلمة مفتاحية مخصصة. يجعل تعليقاتك جذابة تلفت النظر مما يساعدك في إتمام المهام المعلقة.
7. Tabnine

Tabnine هو مساعد ذكاء اصطناعي يحلل قاعدة الكود الخاصة بك ويقترح اكتمال الكود المناسب أثناء الكتابة، مما يعزز إنتاجيتك ويوفر وقتك.
8. Import Cost

Import Cost يعرض حجم الحزمة المستوردة بجانب عبارة الاستيراد، ويدعم كل من جافا سكريبت و تايب سكريبت. يساعدك ذلك في اتخاذ قرار بشأن ما إذا كانت الاعتمادية مناسبة لك أم لا.
9. Quokka.js

امتداد Quokka.js يعرض تقريرًا مدمجًا للأخطاء والتحذيرات وسجلات console بجانب الكود أثناء الكتابة دون الحاجة لتشغيل الملف. يوفر لك ملاحظات فورية ويزيد من إنتاجيتك.
10. vscode-faker

وفر وقتك ودع vscode-faker يقوم بتوليد بيانات مزيفة واقعية لمشروعك. توفر هذه الإضافة أسماء عشوائية، عناوين عشوائية، والمزيد.
11. Remote - SSH

اعمل على خادم بعيد من داخل VS Code باستخدام امتداد Remote - SSH، واستفد من موارد البيئة البعيدة.
12. Path Intellisense

Path Intellisense يقترح المسارات للملفات والمجلدات أثناء الكتابة، مما يوفر لك الوقت ويقلل من فرصة حدوث أخطاء في الكتابة.
13. Thunder Client

يمكنك اختبار وتصحيح أخطاء REST APIs مباشرة في محررك مع Thunder Client، وهو عميل REST خفيف وسهل الاستخدام. مع واجهته الرسومية، يمكنك إرسال الطلبات وحفظ المفضلة لاستخدامها لاحقًا.
14. Code Runner

بدعمه للعديد من لغات البرمجة، يتيح لك Code Runner تشغيل الملفات أو مقتطفات من أكواد اللغات المختلفة داخل VS Code.
15. Code Spell Checker

لا مزيد من الأخطاء الإملائية مع Code Spell Checker. سمي متغيراتك بأمان وحسن من قابلية قراءة الكود.
الخلاصة
بينما يمكن أن تكون الامتدادات مفيدة وجذابة للتثبيت، إلا أن تفعيل الكثير منها في نفس الوقت قد يؤثر على كفائة المحرر، لذا من الأفضل أت تفعل فقط تلك التي تستخدمها يوميًا.