اختصارات محرر فيجوال ستديو كود vs code لسهولة كتابة الاكواد

اختصارات محرر فيجوال ستديو كود vs code لسهولة كتابة الاكواد

أهم اختصارات لوحة المفاتيح على مُحرر Visual Studio Code

من بين أهم ما يُميّز مُحرر النّصوص البرمجية Visual Studio Code قدرته على تسهيل كتابة شيفرات HTML وبالأخص قدرته على إكمال ما شرعت في كتابته. تعرف هذه الخاصية بـ Emmet snippets

سنستعرض بشكل سريع أهم الاختصارات التي يجب عليك معرفتها

إكمال كتابة وسوم HTML

ربما قد لاحظت بأننا كنا نقوم بكتابة مُختلف وسوم HTML بشكل كامل، وهو أمر قد يكون مفيدًا لك في بداية مشوار تعلّمك برمجة الويب، لكن مع مرور الوقت سيصبح الأمر مملًا وقد تشرع في البحث عن طُرق لاختصار ذلك.

لحسن الحظ، يوفّر مُحرر Visual Studio Code ذلك. على سبيل المثال لا الحصر، ليست هناك حاجة لكتابة رمز القوس المثلث <> مع أي من الوسم. جرب التّالي: اكتب html واضغط على زر tab بعد ذلك، ستلاحظ بأن المُحرر قام بتحويل ذلك مُباشرة إلى <html></html>

نفس الأمر مع body والتي سيتم تحويلها مُباشرة إلى

<body></body>

  أو a والتي سيتم تحويلها مُباشرة إلى

<a href=""></a>

إضافة الأصناف والمعرّفات إلى الوسوم بشكل سريع

قد يكون تحويل a إلى وسم

<a href=""></a>

أمرًا مُذهلًا، لكن هل تعلم بأنه بإمكانك توليد وسم a يحتوي أصنافا ومعرفًا وما إلى ذلك بشكل سريع أيضًا.

جّرب التّالي: اكتب a.classOne.classTwo#myID ثم اضغط على زر tab، سيتم تحويلها مُباشرة إلى

<a href="" class="classOne classTwo" id="myID"></a>

ستحصل على نتيجة مُماثلة مع عدة وسوم أخرى أيضا (مثل div).

الأمر مع وسم div أفضل بكثير حيث أنك لا تحتاج إلى كتابة div في بداية الجملة.

جرّب التّالي: اكتب .classOne.classTwo#MyID ثم اضغط على tab، سيفهم المُحرر مباشرة بأنك ترغب في إنشاء div يحمل صنفين ومعرفًا وسيكون بتحويلها مُباشرة إلى 

<div class="classOne classTwo" id="MyID"></div>

خواص مُتقدّمة

يسمح مُحرّر Visual Studio Code باستخدام اختصارات مُتقدّمة. على سبيل المثال، يُمكنك إنشاء قائمة غير مرتّبة تحتوي 5 عناصر بكتابة التّالي:

ul>li*5 ثم الضغط على زر tab

وسينتج عن ذلك:

<ul>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

    <li></li>

</ul>

ستجد كامل اختصارات Emmet التي يدعمها Visual Studio Code على هذا الرّابط:

http://docs.emmet.io/cheat-sheet/

احدث المواضيع

  • حماية هاتفك الاندرويد من التجسس والاختراق

    حماية هواتف الاندرويد من عمليات الاختراق والتجسس باتباع السبعة نصائح الاتية

  • اكثر 10 لغات البرمجة استخداماً لعام 2018

     يتسأل البعض هل هناك لغات برمجة زادت شعبيتها عن عام 2017 هذا سؤال جيد جدا  والاجابة تختلف من لغة لاخرى فمثلا في عام 2017 كان هناك لغات زادت شعبينها بشكل كبير وهي كالاتي

  • افضل نصائح للثانوية العامة 2019

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

  • ميسي يطلب 4 لاعبين بالاسم في برشلونة .. من بينهم صلاح

    يعتقد على نطاق واسع أن إدارات الأندية التي تضم نجوما بارزين في عالم كرة القدم، تأخذ آراءهم في الاعتبار عند إبرام صفقات ضم لاعبين جدد، ويصل الأمر إلى أن بعض النجوم يأمرون بشراء لاعبين بأعينهم.

  • عودة نيمار لبرشلونة.. ابتسامة وصمت يكشفان الكثير

    لا يزال الحديث عن مستقبل نيمار يشغل الإعلام الرياضي على مستوى العالم، لا سيما في إسبانيا، حيث تألق النجم البرازيلي مع برشلونة.

  • واتساب يستعد لتدمير سناب شات بسلاح "المسح الاختياري"

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

  • مصر.. حكم بإعدام مؤسس "خلية طنطا" الإرهابية

    قضت محكمة جنايات القاهرة، السبت، بإعدام مؤسس خلية طنطا الإرهابية بعد تصديق مفتي الجمهورية على الحكم، فيما صدرت أحكام بالسجن بحق باقي المتهمين. وصدر قرار في أكتوبر الماضي بإحالة أوراق إبراهيم محمد إبراهيم إلى المفتي وتحديد جلسة 17 نوفمبر للنطق بإعدامه وإصدار الأحكام بحق باقي المتهمين في ذات القضية وعددهم 7 متهمين.

  • سقوط آخر جيب لداعش في جنوب سوريا

    سيطرت قوات النظام السوري، السبت، على منطقة تلول الصفا، آخر جيب تحصن فيه تنظيم داعش والواقع عند الحدود الإدارية بين محافظتي السويداء جنوبا وريف دمشق، وفقا للمرصد السوري لحقوق الإنسان.