اذهب إلى المحتوى

أفضل الإضافات المجانية للمحرر VS Code


Maggy Hassan

المُحرِّر VS Code (اختصار إلى Visual Studio) من مايكروسوفت هو محرّر شيفرة حرّ مفتوح المصدر حصل على شعبيّة كبيرة في الآونة الآخيرة. إنه خفيفٌ جدًا، ومرنٌ، ولكنه يمتلك عدة خصائص قويّة، بالإضافة إلى أنه يدعم كل لغات البرمجة المهمة تقريبًا، بما فيها PHP و JavaScript و ++C وغيرها.

ربما تندهش إن علمت أن VS Code أيضًا متعدد المنصات. إنه لا يعمل على ويندوز وحسب، بل هناك نسخٌ للينكس وماك متاحة أيضًا.

لكن ربما أفضل مزاياه على الإطلاق هي متجر الإضافات الضخم، الذي يحوي إضافات مجانيّة متاحة لدعم اللغات الجديدة، أو اكتشاف الأخطاء البرمجيّة، أو إضافة وظائف أخرى متنوّعة، وهذا يمكِّنُك من تكييف تجربة التحرير لكي تلبّي احتياجاتك بصورةٍ أفضل.

اليوم نقدم لك بعض أفضل إضافات الـ VS Code على الإطلاق.

GitLens

vs-code-extensions-01.jpg

رغم أن Git وظيفة مدمجة في VS Code، يهدف GitLens إلى زيادة قدرة المحرر بالمزيد من مميزات التحكم في الإصدار. إنه يقدم لك نظرة أعمق في الشيفرة، فيظهر لك ما الذي تغيّر ومن الذي غيره. يمكنك أيضًا إجراء موازنة بين التفريعات والوسوم والإيداعات المختلفة. بشكلٍ عام، ستجعل هذه الإضافة من التحكُّم في الإصدار تجربةً أكثر بصريّةً.

Beautify

vs-code-extensions-02.png

هل تهتم بإبراز الصياغة بصورةٍ خاصة؟ إذا كان الأمر كذلك، فالإضافة Beautify هي الإضافة التي تحتاجها. فهي تستفيد من استخدام VS Code لـ Online JavaScript Beautifier، ولكنها تُمكِّنك من أن تقوم بتغييرات لأنماطها بسهولة. هذا يعني أنك تستطيع أن تضبط عناصر مثل الإزاحة والتفاف السطر والتفاصيل الدقيقة الأخرى بما يتوافق مع ذوقك تمامًا.

ESLint

vs-code-extensions-03.png

من الصعب تنقيح الأخطاء في أي لغة برمجية ومن ضمنها JavaScript. ولكن إضافة ESLint تسهل عليك الأمر كثيرًا. إنها تساعدك عن طريق توضيح المشكلات المحتملة في الشيفرة قبل أن تقوم بتشغيلها. والأفضل من ذلك، تمكِّنك الإضافة من أن تُنشئ القواعد الخاصة بك لتنقيح الشيفرة وتدقيقها.

Debugger for Chrome

vs-code-extensions-04.png

يساعد Debugger for Chrome المطوِّرين الذين يفضِّلون استكشاف أخطاء الشيفرة في أثناء وقت التشغيل. هناك عددٌ من المزايا المفيدة، بما فيها القدرة على ضبط نقاط توقف (breakpoints) في الشيفرة ونقاط المراقبة والطرفية. بالإضافة إلى ذلك، يمكنك اختيار تشغيل نسخةٍ من المتصفح Chrome من داخل VS Code أو إلحاق المصحِّح بنسخةٍ من المتصفِّح تعمل بصورةٍ منفصلة.

React Native Tools

vs-code-extensions-05.png

React هو من أكثر مكتبات JavaScript المثيرة للاهتمام، لدرجة أن محرِّر ووردبريس الجديد Gutenberg مؤسس عليه. إذا كنت من ضمن الكثيرين الذين انضموا إلى المتحمسين له، فإضافة React Native Tools تعتبر ضرورية بالنسبة لك. فهي تعطيك القدرة على تشغيل أوامر React Native وتساعدك على اكتشاف أخطاء البرامج.

One Dark Pro

vs-code-extensions-06.png

حين تتعامل مع الشيفرة، من المفيد أن يكون لديك محرّر ذو مظهر جذاب ومريح في آنٍ واحد. الشيفرة قد تستمرُّ لساعات متَّصلة. يُحضر One Dark Pro قالب “One Dark” الشهير من محرّر Atom إلى VS Code. وبذلك تحصل على هذا المظهر المألوف الرائع مع مميزات تطبيق مايكروسوفت مفتوح المصدر.

Bracket Pair Colorizer 2

vs-code-extensions-07.png

Bracket Pair Colorizer 2 هو إضافةٌ بسيطة، لكنها تسهِّل عمليَّة فهم الشيفرة كثيرًا. فهي تلوِّن الأقواس المتشابهة بلونٍ موحد، مما يتيح لك أن تحدِّد بدايات ونهايات الوظائف بصريًّا. بالإضافة إلى ذلك، يمكنك اختيار الألوان التي ستستخدم.

vscode-icons

vs-code-extensions-08.png

لعلَّ أكثر التعديلات البصريَّة تأثيرًا لـ VS Code تأتي من vscode-icons. فهو يأخذ قائمة الملفات المملَّة ويضيف إليها أيقونات ملوَّنة وفقًا للغة البرمجة. هذا يسهّل التفرقة بين ملفَّات PHP وملفات HTML، على سبيل المثال. فضلًا عن ذلك، فإن الطابع المميز المضاف فكرةٌ مرحبٌ بها في أي مكان عمل.

اكتب الشيفرة بطريقتك الخاصة

العدد الهائل من الإضافات المتاحة لـ VS Code يجعل منه اختيارًا حتميًّا للاستخدام اليومي. لديك الحريَّة لضبط الأشياء بما يتناسب مع لغات البرمجة التي تستخدمها، ونوعيَّة المساحة البصريَّة التي تفضلها.

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

مترجم وبتصرف عن Top Free Extensions for VS Code بقلم Eric Karkovack

تم التعديل في بواسطة جميل بيلوني


تفاعل الأعضاء

أفضل التعليقات



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...