“إضافات VS Code ستجعل البرمجة أسهل وتوفر عليك وقتًا كبيرًا”
أفضل إضافات VS Code التي ستجعل البرمجة أسهل وشكل الكود أجمل
إذا كنت تستخدم برنامج VS Code في البرمجة، فبالتأكيد لاحظت أن هناك عددًا ضخمًا جدًا من الإضافات (Extensions)، وبعضها قد يغير تجربة البرمجة بالكامل. سواء كنت مبتدئًا أو
حتى لديك خبرة بسيطة، فإن اختيار الإضافات المناسبة يمكن أن يوفر عليك وقتًا طويلًا ويجعل كتابة الأكواد أكثر راحة وتنظيمًا.
في هذا المقال سأشارك معك بعض الإضافات التي أراها مفيدة جدًا داخل VS Code، خاصة إذا كنت تريد بيئة عمل مرتبة وشكلًا أجمل للكود يساعدك على التركيز وعدم التشتت أثناء البرمجة.
1- Material Icon Theme
أول إضافة أعتبرها مهمة جدًا هي Material Icon Theme، وخصوصًا إذا كنت من الأشخاص الذين يحبون ترتيب الملفات بشكل واضح.
بشكل افتراضي، تكون الملفات والمجلدات داخل VS Code متشابهة جدًا، مما قد يجعلك تتلخبط أحيانًا بين الملفات. لكن بعد تثبيت هذه الإضافة ستلاحظ أن كل نوع ملف أصبح له شكل وأيقونة مختلفة، كما تصبح الفولدرات ملونة بشكل أجمل وأسهل في التمييز.
على سبيل المثال، ملفات JavaScript تختلف عن ملفات CSS أو الصور، وهذا يساعدك كثيرًا عندما يكون لديك مشروع كبير يحتوي على ملفات كثيرة.
فائدة الإضافة:
تجعل شكل VS Code أجمل وأكثر تنظيمًا وتساعدك على الوصول للملفات بسرعة.
2- Error Lens
إذا كنت مبتدئًا في البرمجة، فهذه الإضافة قد تنقذك من كثير من التشتت.
عادة عندما يحدث خطأ في الكود، تحتاج إلى النظر أسفل الشاشة أو تمرير الماوس لمعرفة المشكلة، لكن مع Error Lens ستظهر الأخطاء مباشرة داخل الكود بلون واضح.
هذا الأمر يجعل اكتشاف الأخطاء أسرع بكثير، خصوصًا عندما تنسى قوسًا أو تكتب متغيرًا بطريقة خاطئة.
فائدة الإضافة:
تساعدك على اكتشاف الأخطاء بسرعة بدون إضاعة وقت.
3- Bracket Pair Colorizer أو ميزة تلوين الأقواس
هل سبق وكتبت كودًا طويلًا ووجدت نفسك لا تعرف أين يبدأ القوس وأين ينتهي؟ خصوصًا عندما يكون لديك أقواس كثيرة داخل بعضها؟
هنا تأتي فائدة إضافة Bracket Pair Colorizer أو الميزة الجديدة الموجودة داخل VS Code، حيث يتم تلوين الأقواس بألوان مختلفة.
فمثلًا، القوس الأول يكون بلون، والثاني بلون آخر، وهذا يجعل قراءة الكود أسهل بكثير ويقلل الأخطاء.
فائدة الإضافة:
تساعد على فهم الكود الطويل وعدم التلخبط بين الأقواس.
4- Prettier
من أكثر الأشياء المزعجة أثناء البرمجة أن يصبح الكود غير مرتب، خاصة إذا نسيت المسافات أو أصبح شكل الأكواد عشوائيًا.
إضافة Prettier تحل هذه المشكلة بسهولة، لأنها تقوم بترتيب الكود تلقائيًا بضغطة زر أو بمجرد الحفظ.
بعد استخدامها ستلاحظ أن الكود أصبح أنظف وأسهل في القراءة، وهذا مهم جدًا إذا كنت تعمل على مشروع كبير.
فائدة الإضافة:
تنظيم الكود تلقائيًا وجعله أكثر احترافية.
5- Live Server
إذا كنت تتعلم تصميم المواقع أو HTML وCSS، فهذه الإضافة ستوفر عليك وقتًا كبيرًا.
بدل أن تفتح الصفحة يدويًا كل مرة، تقوم إضافة Live Server بتشغيل الموقع داخل المتصفح مع تحديث مباشر بمجرد حفظ أي تعديل.
تخيل أنك تعدل لون زر أو حجم خط، وسترى النتيجة فورًا بدون إعادة تحميل الصفحة.
فائدة الإضافة:
تجعل تجربة تطوير المواقع أسرع وأسهل.
6- Auto Rename Tag
إذا كنت تعمل على HTML، فهذه الإضافة مفيدة جدًا.
فعندما تقوم بتغيير اسم تاج معين، يتم تعديل التاج الآخر تلقائيًا بدون الحاجة لتغييره يدويًا.
على سبيل المثال، إذا غيرت <div> إلى <section> سيتم تعديل التاج الثاني تلقائيًا.
فائدة الإضافة:
تقلل الأخطاء وتوفر الوقت أثناء كتابة HTML.
7- Code Runner
أحيانًا تريد تشغيل الكود بسرعة بدون فتح الترمينال كل مرة، وهنا تأتي فائدة Code Runner.
هذه الإضافة تسمح لك بتشغيل الأكواد بسهولة في عدة لغات برمجة بضغطة زر واحدة.
فائدة الإضافة:
تشغيل الأكواد بسرعة وسهولة.
في النهاية، قد تبدو إضافات VS Code شيئًا بسيطًا، لكنها في الحقيقة يمكن أن تجعل تجربة البرمجة أسهل بكثير، خاصة للمبتدئين. بعض الإضافات تساعد على تنظيم الكود، وبعضها يجعل شكل البرنامج أجمل، والبعض الآخر يوفر وقتًا كبيرًا أثناء العمل.
أنصحك ألا تقوم بتثبيت عشرات الإضافات مرة واحدة، بل جرّب الإضافات التي تحتاجها فعلًا، وبعد فترة ستعرف بنفسك أيها يناسب طريقة عملك أكثر. ومع الوقت ستلاحظ أن البرمجة أصبحت أسهل وأكثر راحة من قبل.
