Mahdi
Mahdi
خواندن ۱ دقیقه·۳ سال پیش

راه حل مشکل کار نکردن تکمیل خودکار تگ Html در JSX (جاوااسکریپت)

در این آموزش کوتاه و کاربردی ، راه حل مشکل عدم تکمیل تگ اچ تی ام ال در VS Code را بررسی می کنیم و در نهایت یک راه حل خوب بهتون آموزش میدم پس تا انتها همراه ما باشید . این مشکل برای خود من هم پیش آمده بود و با جست و جو و تحقیق موفق شدم این مشکل رو حل کنم و خواستم با شما هم به اشتراک بگذارم شاید این مشکل برای شما هم پیش اومده باشد

مرحله اول - باز کردن تنظیمات VS Code :

 باز کردن تنظیمات ویژوال استدیو کد
باز کردن تنظیمات ویژوال استدیو کد

برای باز کردن تنظیمات VS Code بر روی چرخ دنده موجود در سمت چپ پایین کلیک کنید و Settings را باز کنید

مرحله دوم - باز کردن تنظیمات شخصی سازی :

صفحه settings در VS code
صفحه settings در VS code

برای باز کردن فایل جاوااسکریپت تنظیمات شخصی سازی ویژوال استدیو کد باید بر روی آیکون فایل موجود در بالا سمت راست کلیک کنید با کلیک بروی آن این صفحه برای شما باز می شود:

تکه کدی که Select کردم رو باید به محتوای این فایل اضافه کنید
تکه کدی که Select کردم رو باید به محتوای این فایل اضافه کنید

بعد از باز کردن فایل Settings.json در در آخر فایل یا در یک قسمت خالی این کد را پیست کنید

&quotemmet.includeLanguages&quot: {
&quotjavascript&quot: &quotjavascriptreact&quot,
},

و تمام ! شما موفق شدید تکمیل خودکار تگ Html را برای فایل های JavaScript فعال کنید برای فعال شدن این قابلیت بهتره یکبار ویژوال استدیو کد خود را یکبار ری استارت کنید

مرحله سوم - بررسی قابلیت تکمیل خودکار بعد از انجام تنظیمات شخصی:

نوشتن تگ div با نام کلاس
نوشتن تگ div با نام کلاس
تکمیل خودکار کمک می کنه کد html سریع تری بنویسید :)
تکمیل خودکار کمک می کنه کد html سریع تری بنویسید :)

سخن پایانی :

این بود آموزش فعال کردن تکمیل خودکار Html درون فایل های JavaScript ، امیدوارم به کارتون بیاد و لذت ببرید یادبگیرید و به دیگران یاد بدید در این زمان شما رشد می کنید خوشحال شدم که با من تا انتهای این مقاله همراه بودی




گاهی مینویسم اما بیشتر میخوانم
شاید از این پست‌ها خوشتان بیاید