كيفيه كتابه كود HTML مثل المحترفين

قبل الإجابة على سؤالك يجب التنويه إلى أن الإختصارات والكتابة التلقائية غير محبذة أثناء بدايتك في تعلم أي لغة برمجية، يجب عليك الكتابة مراراً وتكراراً لترسيخ الفهم السليم لقواعد اللغة.
لعل ما يميز كل من VScode و Brackets هو توفير الكثير من الإضافات ( Extensions ) للمستخدم التي توفر الوقت والجهد في كتابة الكود مثل الكتابة التلقائية وتنظيم الكود، وتساعد في أتمتة بعض الأمور مثل الحفظ التلقائي للملف.
إليك أهم الإضافات التي ستساعدك وتسهل عملك في مجال تطوير الويب:

• Bracket Pair Colorizer 2 : إضافة رائعة جداً تساعدك على التركيز وتمنحك رؤية واضحة للكود من خلال تلوين الأقواس.

• Live Server : يسمح لك بعرض صفحتك/موقعك في خادم محلي حيث يقوم بتحديث تلقائي للصفحة أثناء كتابتك للكود.

• Prettier : من أهم الإضافات التي يجب عليك تثبيتها وهي مسؤولة عن الـformatiing، أي تنظيم وتنسيق الكود.

• JavaScript (ES6) Code Snippets: إضافة إقتراحات والكتابة التلقائية للجافا سكريبت ES6.

أما بالنسبة لقفل الوسوم التلقائي فيمكنك تفعيله من خلال  Settings > Preferences   ومن ثم كتابة  " auto close tags " في خانة البحث حيث ستجد الإعدادات كما في الصورة أدناه: