 |
| virtual studio code |
تحميل برنامج virtual studio code وشرح لاهم 10 إضافات للبرنامج
يعتبر محرر الاكواد فيرشوال استديو كود من اهم المحررات لكتابه الاكواد
البرمجيه المحرر من انتاج شركه ميكروسوفت الغنيه عن التعريف طبعا يدعم المحرر
العديد من اللغات التوصيفيه مثل HTML , CSS , XML وايضا يدعم لغات البرمجه مثل
Javascript , Paython , Java , c# , c++ , PHP وغيرها , يستحوذ البرنامج على اكبر
كميونتى لدعم البرنامج بافضل الاضافات الكثيره والمميزة التى تسهل على المبرمج
انجاز مشاريعه بشكل افضل واسرع من خلال مجموعه من الامتيازات التى يقدمها المحرر
من خلال الاضافات والتى توفر فعليا الكثير من الوقت , البرنامج اصبح منافس قوى
لمحررات عملاقه مثل Atom , Sublime Text , او حتى pyCharm , NetBeans .
يمكنك استخدام برنامج Visual Studio Code فى مجال تصميم الويب front end و ايضا
يمكنك استخدامه للبرمجه بلغه Javascript او PHP ويوجد العديد من الاكستينشن
الخاصه بكل لغه , كما يحتوى البرنامج على التيرمنال والكوماند لين لتستطيع كتابه
الكود به مباشرة كـ التعامل مع IDE وليس محرر اكواد عادى , البرنامج يقدم لك كل
ما تحتاجه وتتمناه لمساعدتك فى كتابه الكود فى برنامج واحد , سوف نستعرض معكم اهم
وافضل الاضافات التى سوف تحتاجها للبدء فى استخدام المحرر بشكل احترافى .
اهم 10 اضافات لمحرر الاكواد Visual Studio Code
1-Emmet
إضافة الـEmmet من اهم الاضافات التى لا غنى عنها فى اى محرر اكواد والتى يدعمها المحرر بشكل افتراضى الاضافه تسمح لك بانشاء العديد من الاكواد من خلال مجموعه من الاختصارات والتى توفر لك الوقت والمجهود اثناء كتابه الكود .
2-Auto Rename Tag
إضافه Auto Rename Tag تسمح لك بالتحكم فى التعديل على اسم التاج فى الفتح
والاغلاق الاثنين معا فى وقت واحد لكى لا تحتاج الى التعديل عند الفتح وايضا عند
الاغلاق مثلا <div> ...</div>
تسمح لك الاضافه بتغيير الdiv الى
<p> ... </p> من خلال التعديل على تاج الفتح فقط وستقوم الاداه
اتوماتيكيا بالتعديل على تاج الاغلاق لتسهل عليك العمل خصوصا اذا كان الكود كبير
.
3-CSS Peek
إضافة CSS Peek هى اداة تعطيك نظره مختلسه من خلال كود HTML مثلا عند الضغط على اسم كلاس معين تعطيك الاضافه نظره على مكان الكلاس فى ملف الCSS لتتمكن من التعديل السريع عليها .
4- Editor Config for VS Code
إضافة Editor Config for VS Code هى اداة تسمح لك بانشاء اعدادات مخصصه فى ملف كونفجريشن يرفق مع ملفات المشروع ليتمكن باقى التيم الذى يعمل على المشروع بالعمل على نفس الاعدادات عند اضافه الاداه على المحرر الخاص بهم ليكونو على توافق فى الاعدادات عند العمل على نفس المشروع .
5-Icon Fonts
إضافة Icon Fonts وهى اداة تختصر لك كتابه اكواد الايكونات كمكتبات الفونت اوسم او المكتبات المشهوره يكمنك كنابه تلميحات بسيطه عن الايكونات التى تريد وتعطيك الاداه التاج كامل لتسهل عليك كتابه الكود كامل .
6-indent-rainbow
إضافة indent-rainbow هى اداة لتوضيح بدايه ونهايه العنصر باستخدام الوان كالون قوس قزح فى مكان التاب لتوضح لك بدايه العنصر ونهايته بسهوله من خلال الالوان.
7-Path Intellisense
إضافة Path Intellisense هى اداة تعطيك تلميحات المسارات المتاحه لديك وايضا تستكمل اسم الملف وتوضح لك المسارات وتظهر لك الملفات المتاحه لديك فى المسار المتواجد به لتسهل عليك كتابه المسارات بدون اخطاء عند استدعاء اى ملف .
8-Prettier-Code formatter
إضافة Prettier-Code formatter هى اداة لتنسيق الكود لديك يمكنك كتابه الكود غير منسق لاى سبب اذا كان مشروع يعمل عليه تيم والكود غير متناسق لا تشغل بالك فعند الانتهاء من كتابه الكود يمكنك من خلال الاداة تنسيق الكود وجعله منسق بضغطه زر واحده .
9-Bracket Pair Colorizer
إضافة Bracket Pair Colorizer هى اداة مهمه جدا عند العمل فى بيئه عمل مزدحمه بالاقواس كما فى لغه الـJavascript فالاداة تحدد لك الاقواس باوان مختلفه عن بعضها لتسهل عليك معرفه بدايه ونهايه الاقواس وتعطيك نظره افضل واوضح للكود .
10-Polacode
إضافة Polacode وهى اداة تسمح لك بالتقاط صوره من الكود او بالاصح التقاط جزء من الكود واستخراجه على هيئه صوره بشكل احترافى استخدام الاداة بسيط وهو من خلال الضغط على Ctrl + P سيظهر بار علوى سنكتب به "Polacode<" وستظهر لك الاداه على اليمين قم بالتظليل على الكود الذى تريد ثم الضغط على ايقونه اسفل الصوره لاخذ اللقطه وعمل حفظ للصوره على الجهاز .
تحميل محرر الاكواد virtual studio code
تحميل نسخة 32bit
MEGA
&
FILE4NET
تحميل نسخة 64bit
MEGA
&
FILE4NET
 |
| virtual studio code |