ترتيب سطور الاكواد

مكنك استخدام ميزة "التنسيق التلقائي" أو ما يعرف بـ "Format Document"، هذه الميزة تساعدك في ترتيب الكود وجعل الوسوم في HTML أو الأكواد في لغات البرمجة الأخرى منظمة وسهلة القراءة، حيث يجب عليك تثبيت ملحق مناسب للغة البرمجة أو التنسيق الذي تستخدمه يمكنك تثبيت ملحق مثل "Prettier - Code formatter"، بعد تثبيته يمكنك تنسيق الكود عبر اختصار لوحة المفاتيح Shift + Alt + F، أو يمكنك أيضا الضغط بالزر الأيمن داخل الملف واختيار "Format Document" من القائمة.

وعليكم السلام،
تستطيع عمل ذلك عند فتحك للملف قم بالضغط في لوحة المفاتيح على Shift + Alt + F، أو  في أى مكان في الملف قم بالضغط على زر الفأرة الأيمن ثم اختر Format Document، وستلاحظ أنه تم ترتيب الوسوم والسطور بشكل جيد

وللوصول للبداية أو النهاية، قم بالضغط بزر الفأرة الأيسر على أي وسم  وستلاحظ أنه تم التحديد باللون الرمادي مع نفس التحديد فى شريط التمرير الجانبي كما يظهر بداخل الدائرة

ويمكنك أيضا تثبيت إضافة مثل Prettier - Code formatter فهى تساعد فى التنسيق أيضا عند كل عملية حفظ للملف وفى لغات أخرى غير html.

بجانب تثبيت إضافة لتنسيق الكود، فإضافة Highlight Matching Tag ستسهل مهمة تحديد عنصر البداية والإغلاق بسهولة، وهي تدعم HTML و JSX وأيضًا XML, Vue, Angular, PHP.

أيضًا تحديد العنصر الأب في حال الوقوف على العناصر الأبناء: