أهم 10 امتدادات كود VS للمطورين: عزز تجربة التطوير الخاصة بك

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

Visual Studio Code هو أداة مجانية ومفتوحة المصدر لكتابة التعليمات البرمجية ، ومن خلال تثبيته ، يمكنك أيضًا الحصول على قاعدة بيانات ضخمة من الإضافات الأخرى التي يمكنك تثبيتها وتجعل حياتك أسهل.

الاستضافة الرائعة تجعل الحياة أسهل أيضًا. هل تبحث عن استضافة WordPress موثوقة وبأسعار معقولة؟ أصبح WPMU DEV سريعًا أحد أفضل الخيارات على الويب. احصل على خصم 20٪ على أي من خططهم المُدارة بالكامل والمخصصة.

ستمنحك هذه المقالة قائمة بأهم 10 امتدادات VSCode التي يحتاجها كل مطور.

وقت الرمز

Code Time هو امتداد VSCode مع أكثر من 200000 مطور نشط يستخدمونه يوميًا. يساعدك على الحفاظ على تركيزك ويبقي كل مصادر التشتيت بعيدًا عنك أثناء قيامك بالبرمجة. فقط من خلال النقر على زر لتمكين "وضع التدفق" ، يتم كتم صوت جميع الإشعارات ، وستظل في التركيز الكامل أثناء العمل في المشروع.

يوفر أيضًا مسارًا ممتازًا لتقدمك اليومي في الترميز ، مما يجعل من الممكن مقارنة تقدمك اليوم بالتقدم الذي أحرزته قبل يومين. يمكنك معرفة مقدار الوقت الذي تقضيه في الترميز النشط وعدد السطور التي أضفتها وكل ذلك في الوقت الفعلي. يمكنك أيضًا التواصل مع فريقك وبالتالي الحصول على نظرة عامة على تقدم الترميز لزملائك في الفريق.

مساعد الطيار جيثب

تم بناء GitHub Copilot بواسطة GitHub العملاق ، وهو امتداد VSCode يستخدم Open AI Codex المعقد ويمنحك اقتراحات سطر إكمال تلقائي بسيطة أو هيئات وظيفية كاملة. يعمل هذا الامتداد بحيث يزحف عبر الإنترنت ، وبناءً على ما تكتبه ؛ سيحاول إكمال أسطر الكود تلقائيًا بفضل مليار سطر من نظام AI الذي يعتمد عليه. لا يزال GitHub Copilot في معاينة تجريبية ، مما يجعله متاحًا فقط لمجموعة محدودة من الأشخاص للوصول إليه. يمكنك التسجيل في قائمة الانتظار إذا كنت ترغب في تجربتها.

لايف سيرفر

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

ومع ذلك ، تحتاج إلى تنزيله وتثبيته وتكوينه لجعله يعمل. لماذا لا تستبدل كل هذا العمل الشاق بامتداد Live Server VSCode ، والذي يقوم تلقائيًا بإعداد موقع الويب الثابت الخاص بك واستضافته على جهازك المحلي. هذا الامتداد ضروري إذا كنت مطور ويب. قم بتثبيت الامتداد ، وقم بتمكينه ومن لوحة المستكشف على الجانب الأيسر ، انقر بزر الماوس الأيمن على الملف وحدد "فتح باستخدام Live Server".

تكلفة الاستيراد

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

أجمل

أيا كان ما تفعله ، فأنت تميل إلى إبقائه بسيطًا ونظيفًا ومنظمًا ، أليس كذلك؟ هذه هي الحالة نفسها في الترميز. تحاول دائمًا الحفاظ على تنسيق الكود الخاص بك جيدًا للعثور على جزء من كود الكتابة الذي تحتاجه بسرعة. يمكنك القيام بذلك يدويًا بنفسك ، ولكن لماذا تزعج نفسك بذلك إذا كانت هناك بالفعل أدوات تعمل على أتمتة عملية التنسيق بناءً على التكوين الذي توفره لها. بالنسبة لمستخدمي VSCode ، هناك امتداد يسمى Prettier ، وهو بلا شك أفضل أداة تنسيق للمطورين. وهو يدعم لغات مختلفة مثل JavaScript و CSS و HTML و TypeScript و JSX والمزيد.

قوس تلوين زوج

المطورين فقط هم من يعرفون كيف يمكن أن يكون الأمر محبطًا عندما تضيع في التعليمات البرمجية الخاصة بك وليس لديك أي فكرة عن مكان بدء قوس الكتلة وأين ينتهي. إن وجود كود غير منظم وفوضوي يضيع الكثير من الوقت. لإصلاح هذه المشكلة الشائعة ، يقدم VSCode ملحق Bracket Pair Colorizer الذي يزاوج بين الأقواس المطابقة بلون فريد ، لذلك لن تضيع مرة أخرى.

تسليط الضوء على TODO

TODO Highlight هي أداة شرح مثالية للمطورين في VSCode. إذا كنت بحاجة إلى إصلاح بعض أجزاء الكود أو إضافة المزيد من الميزات إليه ، فيمكنك القيام بذلك بسهولة باستخدام هذا الامتداد عن طريق تمييزه عن طريق إضافة تعليق توضيحي "TODO" أو "FIXME" في التعليمات البرمجية الخاصة بك.

الطاووس

تعد Peacock أداة ممتازة أخرى لتنظيم مشاريع الترميز الخاصة بك. إذا كنت تعمل وتعمل على أكثر من مشروع ، فإن كل مثيل لـ VSCode سيبدو كما هو ، لذلك قد يكون التنقل من مشروع إلى آخر مشكلة بالنسبة لك. سيساعدك Peacock في ذلك من خلال إعطائك خيار تغيير لون مساحة العمل بأكملها ، ومن خلال هذه التسمية ، يمكنك بسهولة التمييز بين المشاريع والتبديل إلى تلك التي تحتاج إلى العمل عليها حاليًا.

عميل REST

لإرسال طلبات API ، الأداة الأكثر شيوعًا هي Postman. ولكن لنفترض أنك لا تحب أو لا تريد استخدام Postman لسبب ما. VSCode له امتداد فريد لذلك ، عميل REST. يجعلك REST Client قادرًا على إرسال طلبات HTTP مباشرة من VSCode ويعرض الاستجابة. إلى جانب استدعاءات REST API القياسية ، فإنه يدعم أيضًا إرسال استعلامات GraphQL.

StackFinder

إذا كنت مطورًا وتقرأ هذا المقال ، فلا بد أنك سمعت عن منصة Stack Overflow وجميع النكات التي يطلقونها حولها. حسنًا ، بالنسبة لأولئك الذين لم يفعلوا ذلك ، فإن StackOverflow هي أكبر منصة للمطورين حيث يمكنك نشر بعض الأسئلة حول الترميز والحصول على الإجابة بسرعة.

قد يكون العثور على الحلول محبطًا في بعض الأحيان عند فتح أكثر من 20 علامة تبويب في المتصفح للعثور على شيء تبحث عنه. StackFinder هو رمز VSC الذي يساعدك على البحث من خلال Stack Overflow دون فتح علامة تبويب واحدة في المتصفح. يمكنك البحث عن الإجابات مباشرة من VSCode ، والتبديل بينها ولصق مقتطفات التعليمات البرمجية التي تجدها واختبارها في محرر الترميز.

استنتاج

لقد رأينا أن VS Code ممتاز ومن بين أفضل بيئات التطوير المتاحة في السوق ، ويرجع الفضل في ذلك ، قبل كل شيء ، إلى العديد من الخيارات والوظائف المتقدمة المضمنة والتي تحصل عليها عند تثبيته. ومع ذلك ، للحصول على أفضل النتائج ، لا تتردد في استخدام الامتدادات المتاحة لـ VS Code.