تطوير الويبتكنيكالتلميحات

Visual Studio Code افضل إضافات فيجوال ستديو كود

 

Visual Studio Code (المعروف باسم VS Code) هو محرر نصوص مجاني مفتوح المصدر بواسطة Microsoft. يتوفر VS Code لأنظمة Windows و Linux و macOS. على الرغم من أن المحرر خفيف الوزن نسبيًا ، إلا أنه يتضمن بعض الميزات القوية التي جعلت من VS Code أحد أكثر أدوات بيئة التطوير شيوعًا في الآونة الأخيرة.

Visual Studio Code July 2019

يجمع Visual Studio Code بين بساطة محرر التعليمات البرمجية المصدر مع أدوات المطور القوية ، مثل إكمال كود IntelliSense وتصحيح الأخطاء.

أولاً وقبل كل شيء ، إنه محرر يبتعد عن طريقك. تعني دورة التحرير والبناء وتصحيح الأخطاء المبهجة ، وقتًا أقل في العبث ببيئتك ، والمزيد من الوقت في تنفيذ أفكارك.

متاح لأنظمة macOS و Linux و Windows #

يدعم Visual Studio Code نظام التشغيل macOS و Linux و Windows – لذا يمكنك بدء التشغيل بغض النظر عن النظام الأساسي.

 

لتنزيل Visual Studio Code اضغط هنا 

 

افضل إضافات Visual Studio Code 😍

1 – Live Server

How come I can't open my .html with Live Server in VSCode? - Stack Overflow

يقوم بالتحديث التلقائي لبيانات المتصفح بدون عمل اعادة تحميل للصفحة (Refresh)

2 – Prettier

How To Format Code with Prettier in Visual Studio Code | DigitalOcean

، يجعل Prettier الكود يبدو جميل ويحسن إمكانية القراءة عن طريق تنسيقها بشكل صحيح

3 – Todo Highlighter

VSCode TODO Helper Extensions - CodeProject

اذا سبق لك استخدام ميزة Todo فهو مماثل له يمنحك تقسم مهامك في الكود .

4 – Git Lens

GitLens — Git supercharged - Visual Studio Marketplace

هو خاص بتسهل استكشاف المستودعات علي Github واستكشاف سجل الملفات .

5 – Path Intellisense

Path Intellisense - Visual Studio Marketplace

افضل خواص المساعدة في شكل الإكمال التلقائي يمكن أن تقطع شوطا طويلا بها في كتابة الكود .

6 – CSS Peek

How does vscode install CSS peek plug-in to quickly view CSS definitions? | Develop Paper

هذه ميزة أنيقة جدا تسمى Go To Definition او Go To Type Definition التي تأخذك إلى ملف css عند الضغط علي class يذهب مباشرة الي مكانة في css.

7 – Markdown All in One

Markdown editing with Visual Studio Code

يتيح لك Markdown All in One إنشاء ملفات readme أو نص منسق وتحريره .

8 – Bracket Pair Colorizer

Native Bracket Pair Colourization in VS Code - DEV Community

يجعل Color Color Pair Colorizer من السهل تحديد الأقواس المتطابقة. ليس فقط أنها ستطابق الأقواس مع الألوان بل ستسلط الضوء أيضًا على كتلة الشفرة بأكملها داخل الأقواس حتى تعرف مكانك.

9 – VSCode Great Icons

VSCode Great Icons - Visual Studio Marketplace

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

10 – Auto Rename Tag

How to disable VS Code auto-rename-tag / HTML mirror feature? - Stack Overflow

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

11 – Autoprefixer

How to configure browsers parameters for vscode's autoprefixer plug-in | Develop Paper

تقوم هذه الإضافة بإضافة دعم المتصفحات الأخرى للكود الذي كتبته بلغة الـ CSS وذلك من خلال اكتشاف الأسطر التي تحتاج الى هذه العملية من اجل ان تعمل بشكل سليم في المتصفحات الأخرى.

12 – CSS Formatter

CSS, SCSS, and Less support in Visual Studio Code

إن الوضيفة الأساسية لهذه الإضافة هي عملية ترتيب اكواد الـ CSS من خلال إضافة مسافات لجعل الكود اجمل وقابل للقراءة.

13 – PHP Formatter

Unibeautify - Universal Formatter - Visual Studio Marketplace

تعمل هذه الإضافة نفس عمل الإضافة التي قبلها، حيث تقوم بترتيب الأكواد المكتوبة بلغة البرمجة PHP من اجل جعلها تبدو اجمل وقابلة للقراءة.

14 – Auto Close Tag

How to enable auto close tags in Visual Studio code - Quora

تساعد هذه الإضافة الأشخاص الذين يعملون بلغة البرمجة HTML حيث تقوم بإغلاق الوسم الذي تقوم بفتحه تلقائياً دون الحاجة لإغلاقه بالطريقة اليدوية التي تكون في بعض الأحيان مزعجة على كل مبرمج.

 

مقالات ذات صلة

اترك تعليقاً

زر الذهاب إلى الأعلى

هذا المحتوى محمي من النسخ لمشاركته يرجى استعمال أزرار المشاركة السريعة أو تسخ الرابط !!