خلال السنوات القليلة الماضية، أبدعت مايكروسوفت بمحررتها الخفيفة مفتوحة المصدر Visual Studio Code والمعروفة اختصاراً بـ VS Code التي يستخدمها معظم مطوري عالم الويب وتقنياته. نتحدث عن محررة يمكنك تحميلها على نظم تشغيل كويندوز، ماك، ولينكس…بجانب وجود نسخة خفيفة من المحررة عبر المتصفح لتحرير الكود البرمجي بسرعة وخفة. في هذه التدوينة سأتناول أهم عشر إضافات من منظوري الشخصي ساهمت في زيادة إنتاجيتي خلال العمل في المشاريع البرمجية.
[1] Code Spell Checker
التحف الفنية البرمجية وجمالها قد يلغيه خطأ إملائي بسيط في كتابة اسم المتغير أو حتى جزء منه! هدف هذه الإضافة هي التحقق الإملائي من كافة النصوص داخل الملف البرمجي بما فيها التعليقات البرمجية. كما يمكنك التحقق من كل الكلمات والأحرف داخل أي نص ولا يقتصر ذلك على المتغيرات البرمجية. هذه الإضافة الخفيفة ساهمت في تبليغي للكثير من الأخطاء الإملائية في صفحات الهبوط الهامة للمنتجات.
[2] Separators
هذه الإضافة البسيطة هدفها وضع خط أفقي فاصل بين الوظائف “Functions” مفيدة جداً لمطوري PHP على سبيل المثال لا الحصر. هذه الميزة موجودة افتراضياً دون إضافات في Visual Studio IDE لكتابة وتطوير برامج سي شارب مثلاً.
[3] Diff
محررة VS Code تحتوي على ميزة مقارنة بين ملفين مفتوحين حالياً، ولكن تحتاج لعدة خطوات للقيام بذلك. هدف هذه الإضافة هي المقارنة وبشكل سريع بين أي ملفين أو لسانين مفتوحين حالياً (حتى لو بين مشروعين مختلفين) في المحررة بخطوات أقل وسرعة أكبر.
[4] Partial Diff
لكن، ماذا لو أردنا مقارنة مقطعين من الكود داخل نفس الملف (كمقارنة Function مع Function أخرى)؟ أو دعني أقوم بمقارنة مقطع من كود من ملف ما مقارنة بالكود المحفوظ حالياً في الذاكرة عبر CTRL + C؟ أو مقارنة كود كنت قد قمت بتحديده مسبقاً مع المقطع المحدد حالياً؟ هذه الإضافة اللزيزة تقوم بذلك!
[5] Todo Tree
مطورو الويب معروفين بتنوع التقنيات المُستخدمة لبناء موقع أو تطبيق ويب، وبالتالي تذكر الخطوة التالية ما بين تطوير وظيفة معينة إلى إصلاح خطأ ما في مكان محدد ما بين كثرة وكركبة الأكواد هنا وهناك ستجعل الأمر صعباً! هذه الإضافة القابلة للتخصيص ستسهل عليك بكتابة تعليق فوق أي سطر أو وظيفة ما الذي يجب القيام به. مثلاً:
FIXME: Null Exception!
حيث ستظهره الإضافة بخط باللون الأحمر أو أي لون مميز من اختيارك.
ويمكنك من خلال صفحة الإضافة عرض وفلترة كافة التعليقات التي تحتوي على “FIXME” أو “TODO” أو أي شيء كنت قد قمت بتخصيصه والذهاب مباشرة لهذا التذكير.
[6] vscode-faker
هدف هذه الإضافة هي توليد بيانات عشوائية غير حقيقية فقط لملىء الحقول والأقسام حتى ينتهي كاتب المحتوى من كتابة محتوى الصفحة الحالية. يمكنك توليد بيانات عشوائية لقاعدة البيانات، عن الحيوانات، أرقام هواتف، موسيقى، تواريخ، مال، وغيرها الكثير من البيانات. وطبعاً هذا للتأكد من كيف سيتعامل تطبيقك أو موقفك من بيانات حقيقية مستقبلاً من هذا النوع من البيانات.
[7] Peacock
إذا كنت تفتح أكثر من مشروع وبالتالي أكثر من محررة VS Code في نفس الوقت داخل نفس الشاشة، سيصيبك هذا بلا أدنى شك ببعض الغثيان وسيدخلك بجو من التشتت بين المشاريع المفتوحة حالياً! هذه الإضافة الجميلة ستضيف بعضاً من البهارات والألوان لكل محررة VS Code مفتوحة حالياً عن الأخرى بألوان عشوائية أو ألوان تحددها مسبقاً…وبالتالي حسب اللون المختار، سيتغير لون شريط الأدوات، والحالة، والشريط الجانبي لكل محررة بشكل مختلف. كما ويمكنك تخصيص لون ثابت واحد معين لمشروع ما حتى تتأكد أنك تقوم بتعديل وتطوير المشروع المطلوب.
[8] Git Graph
إذا كنت تستخدم نظام Git لأرشفة وترقيم مشروعك، حتماً هذه الإضافة رائعة في عملية رسم خارطة الأفرع Branches وماذا ينبثق من ماذا وما الملفات التي تم تعديلها في هذا الفرع ومن قام بهذا التعديل وعرض التعديلات في شاشة واحدة. لن أنسى محبي عالم موجه الأوامر أو Command Line، هنا عدة إجابات كيف تفعلها من خلال موجه الأوامر بطريقة بسيطة.
[9] Bookmarks
هل هناك سطر ما داخل مشروعك البرمجي أو وظيفة تذهب لها باستمرار؟ هذه الإضافة تمكنك من وضع علامة تفضيل لسطر ما والعودة له ببعض خطوات وأزرار. هذه الإضافة مع إضافة TODO Tree التي تم ذكرها بالأعلى، ستعطيك ذاكرة إضافية ولا حجة لك بعد اليوم لتخبر العميل أو مديرك بـ “معليش…نسيت!”
[10] MySQL
لا حاجة لك بتفعيل وتشغيل الوكيل PHPMyAdmin لإدارة قواعد البيانات والتأكد من أن البيانات قد تم حفظها بقاعدة البيانات أم لا! هذه الإضافة وعبر شاشة منفصلة يمكنها الاتصال بقواعد البيانات أياً كان محركها MySQL أو Maria DB أو Redis أو SQLite وغيرها! أعجبني بساطة هذه الإضافة بالتحديد مقارنة بالموجود حالياً في السوق!
هل هناك أي إضافة غير عادية أخرى تستخدمها؟ شاركنا إياها في قسم التعليقات ليستفيد الجميع 🙂
CC BY-NC-SA 4.0
التعليقات
تدوينة رائعة ومفيدة.. هناك أضافة Copilot التي تكمل باستخدام الذكاء الاصطناعي وهي خارقة جدا..
أهلاً وسهلاً واثق،،
بالفعل، قمت بتجربتها وهي رائعة ومفيدة…شكراً للمشاركة!
أردت مشاركة بعض الإضافات الغير دارجة والغير معروفة كثيراً في مجتمع المطورين.
أسعدني مرورك.