أفضل 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. سمي متغيراتك بأمان وحسن من قابلية قراءة الكود.
الخلاصة
بينما يمكن أن تكون الامتدادات مفيدة وجذابة للتثبيت، إلا أن تفعيل الكثير منها في نفس الوقت قد يؤثر على كفائة المحرر، لذا من الأفضل أت تفعل فقط تلك التي تستخدمها يوميًا.