أفضل 15 إضافة لـ VSCode لتحسين تجربة البرمجة

كتب بواسطة idriss douiri profile picture إدريس الدويري

3 min read

أفضل 15 إضافة لمحرر الأكواد VS Code
مشاركة

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

1. Template String Converter

template-string-converter screenshot

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

2. Live Server

LiveServer screenshot

Live Server يتيح لك بدء مشروعك على خادم محلي مباشرة في متصفحك ويقوم بتحديث المتصفح تلقائيًا مع كل تغيير، مما يوفر لك الوقت والجهد. مفيد بشكل خاص لمطوري الويب.

3. Material Icon Theme

material-icon-theme screenshot

Material Icon Theme يستبدل الأيقونات الافتراضية للملفات والمجلدات بأيقونات جذابة من تصميم Material Design، مما يسهل التنقل في مشروعك ويضفيه جمالية.

4. Prettier

prettier-vscode screenshot

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

5. CodeSnap

codesnap screenshot

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

6. TODO Highlight

vscode-todo-highlight screenshot

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

7. Tabnine

tabnine-vscode screenshot

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

8. Import Cost

vscode-import-cost screenshot

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

9. Quokka.js

quokka-vscode screenshot

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

10. vscode-faker

vscode-faker screenshot

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

11. Remote - SSH

remote-ssh screenshot

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

12. Path Intellisense

path-intellisense screenshot

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

13. Thunder Client

vscode-thunder-client screenshot

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

14. Code Runner

code-runner screenshot

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

15. Code Spell Checker

code-spell-checker screenshot

لا مزيد من الأخطاء الإملائية مع Code Spell Checker. سمي متغيراتك بأمان وحسن من قابلية قراءة الكود.

الخلاصة

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