أهم الإضافات ل VS code

أهم الإضافات ل VS code

Omarمنذ 3 أسابيع

أهلين .. في مقال اليوم بتكلم عن أهم الإضافات ل VS code اللي لازم تكون متواجدة عند كل مطور ومبرمج عشان تزيد إنتاجيته وتسهل عمله مثل:
⌨️الإكمال التلقائي للأكواد
🔄التحديث التلقائي لصفحة الويب
وغيرها أشياء أكثر أهمية

بنبدأ بأهم ثلاث إضافات وهي:
- IntelliSense وهي الإكمال التلقائي للتعليمات البرمجية.
- Snippets قوالب للتعلميات المستخدمة كثيرا مثل حلقات التكرار Loop و Ajax وغيرها. 

- highlighting وهي المسوؤلة عن تلوين الكود لكل لغة والكلمات الرئيسية مثل for وغيرها، واستايل الكود.
- أحيانا تكون متضمنة مع إحدى الاضافتين السابقة.
طبعا هذه الاضافات الثلاث تنزلها لكل لغة تبغى تستخدمها، تكتب في خانة البحث اسم اللغة والاضافة مثلا:
php IntelliSense 

- إضافة Live Server
هذه الإضافة تحدث صفحة الويب كل ما تسوي حفظ في صفحة html بس شرط عند فتح الصفحة يجب فتحها من VS code نفسه -> كليك يمين على الملف وتختار open with live server
Image

- إضافة Auto-Close Tag
من اسمها تغلق التاق تلقائياً
Image
 

- إضافة Auto Rename Tag

إذا تبغى تغير اسم التاق يتغير كلا التاقين سوا، تاق الفتح مع تاق الإغلاق
Image

- إضافة Prettier
لضبط تنسيق "فورمات" الكود بدل ضبطه يدويا من ناحية مسافات وأسطر جديدة وغيرها، ويفيد أيضاً في العمل مع فريق بحيث تحدودون شيء معين على كيفكم وهو يقوم بالضبط.

Image

- إضافة Path Intellisense
يعطيكم اقتراحات أماكن الملفات وإكمال تلقائي لها عند الحاجة لاستيراد الملف أو غيره.
Image
 

- إضافة Code Spell Checker
يصحح الأخطاء الإملائية في اللغة الإنجليزية بدل البحث عنها بقوقل.
Image

- إضافة Bracket Pair Colorizer
يلون الأقواس والخطوط الموصلة بينها بألوان مختلفة لتسهيل التمييز بينها.
Image

- إضافة Color Highlight
يوضح لك اللون لكل عدد عشري او حتى rgb وغيرها. جدا مفيد للي يستخدم الألوان كثير.
Image

- إضافة Color Picker
لاختيار الألوان من المحرر مباشرة بدل كتابة أعدادها.
Image

- إضافة GitLens
من أفضل الإضافات لإدارة git من خلال المحرر.
Image

- إضافة Polacode

من أفضل الأدوات لالتقاط صورة للكود بشكل مرتب وأنيق
.Image

*إذا أنت معتاد على اختصارات محرر أو IDE معين اكتبه واكتب بعده keymap
مثلا intellij keymap وثبت الاضافة اللي تطلع لك، كذا بتستخدم نفس الاختصارات اللي كنت تستخدمها على intellij.
وتقدر تكتب اي محرر تبغاه. 

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

0
إعجاب
29
مشاهدات
0
مشاركة
1
متابع

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !