اختصارات محرر فيجوال ستديو كود 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/

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

  • تجارة "الوهم" بالأقصر.. شراء وابور الجاز القديم بـ 50 ألف جنيه.. وتاجر: شائعة

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

  • ماهي الاجاكس (ajax) وكيف كان الويب بدونها

    هل تسألت يوما ما فائدة تقنية الاجاكس او فيما تستخدم او حتى كيف كان الويب قبل ظهورها

  • ما المتوقع و المسرب عن هاتفي هواوي mate 20 و mate 20 pro

    أعلنت شركة هواوي عزمها إطلاق هاتف جديدة في الأيام القادمة وهو التي أحدث ضجة مُنذ أن تم الحديث عن إصداره في القريب العاجل في سوق الهواتف الذكية وهو هاتف mate 20 و الإصدار الثاني mate 20 pro حسب ما جاءت به الأخبار، ويُعتبر هذا الهاتف بنُسختيه هاتف من الفئة العالية، ومن المُنتظر أن يُنافس على مُستوى كبير في سوق الهواتف الذكية، وسنرصد فيما يلى في هذا المقال ما جاء عن هاتف mate 20 pro والنُسخة الثانية mate 20.

  • تحقيقات شبكة تبادل الزوجات بعين شمس تكشف

    المتهم صور زوجته فى أوضاع مخلة وأرسلها لراغبى المتعة عبر "الواتس آب".. المتهمة تعترف: زوجى أقام حفلات جنسية فى الشقة..و"قاللى أشعر بإثارة وانتى فى حضن راجل تانى"

  • فيديو لطرح أول "سيارة طائرة" في العالم بخصائص مثيرة

    ستُطرح أول "سيارة طائرة" في العالم قريبا بالأسواق، حيث قررت شركة "Terrafugia" الصينية الشروع في بيعها ابتداء من الشهر المقبل.