عودة
افضل إضافات فيجوال ستوديو كود لمطور الويب

افضل إضافات فيجوال ستوديو كود لمطور الويب

من الاهم الاضافات التي يجب عليك استخدامها اذا كنت frontend developer وتستخدم برنامج فيجوال ستوديو كود

اذا كنت من عشاق برنامج فيجوال ستوديو كود وكنت من مطوري الويب فهذ المقال سيكون مفيد جدا لك .

من اهم مميزات VSCode انه يحتوي على متجر للاضافات وبه الكثير جدا من الاضافات التي تسهل عليك العمل داخل البرنامج اياً ما كان تخصصم سواء مطور واجهة الويب (frontend developer) او غيره من المجالات الاخرى ستفيدك هذة الاضافات حتما ولكن فى هذا المقال سنركز على تطوير الويب واهم الاضافات التي يجب عليه استخدامها .

Eslint

eslint
eslint

اذا كنت تستخدم جافا سكربت كثيرا فى شغلك فهذة الاضافة ستفيدك جدا لانها تقوم بفحص الكود الخاص بك والتاكد من خلو الكود من المشاكل سواء البسيطه او الكبيره

Live Server

Live Server
Live Server

اضافة رائعه لانها تمكنك من عمل سيفر محلي يمكنك من عرض ملفات على المتصفح مع امكانيه Live Reload التي ستقوم بعرض اي تغيير فى المفات مباشره دون الحاجه الى اعاده تحميل الصفحه مره اخرى مما سيوفر عليك الكثير من الوقت والجهد

Markdown preview enhanced

Markdown preview enhanced
Markdown preview enhanced

هذة الاضافة ستقدم لك العديد من المميزات سواء السكرول التلقائي وغيرها العديد من المميزات

يمكنك ايضا مشاهدة هذا المقال سيفدك فى استخدام فيجوال ستوديو كود

اهم اختصارات فيجوال ستوديو كود

Open in browser

Open in browser
Open in browser

من خلال هذة الاضافة يمكنك فتح اي ملف فى المتصفح مباشره من خلال فيجوال ستوديو وليس فقط ملفات HTML بل اي ملف تريده سواء صورة او غيره من الملفات.

vscode-icons

vscode-icons
vscode-icons

لازم تسخدم هذة الاضافه طالما تسخدم فيجوال ستوديو كود لما تحتويه على جميع ايقونات الملفات اياً كان امتداد الملف فستقوم بمساعدتك بالتعرف على الملف بسهوله من خلال الايقونه الخاصه به

Polacode

Polacode
Polacode

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

GitLens

GitLens
GitLens

اذا كنت تسخدم Git كثيرا وهذا الطبيعي بما انك مطور ويب فيجب عليك استخدام هذة الاضافه لانها تساعدك فى التعديل على environment او عرض الكثير من المعلومات او Commit logs وغيرها الكثير من المميزات

Prettier

Prettier
Prettier

هذة الاضافة تساعدك فى تنظيم الكود الخاص بك وتلوين الكلمات الهامه لتسهيل عليك قراءة الكود وطبعا هى تعمل على اكود جافا سكربت

Quokka

Quokka
Quokka

هذة الاضافة تسخدم فى اختبار اكود Java script وبه العديد من المميزات التي تمكنك من اختبار الكود الخاص بك بسهوله