فکر کنم کمتر کسی باشه با افزونه Live Preview آشنا باشه 🤔 :

افزونه Live Preview تو VSCode یک ابزار قدرتمندی هست که به شما این امکان رو میده تا در حالت زنده نتایج تغییرات خودتون را تو صفحات وب مشاهده کنید🤓 با استفاده از این افزونه، شما می تونید به سرعت و به راحتی تغییرات خودتون رو در کدهای HTML، CSS و JavaScript ببینید و بررسی کنید 🤙

•••••••••••••••••••••••••••••••••••••••••••••••••••••••••

برای استفاده از افزونه Live Preview، مراحل زیر رو باید انجام بدید 👇:

1) نصب و فعالسازی : برای نصب افزونه، اول به قسمت Extensions تو VSCode برید و "Live Preview" رو سرچ کنید. بعدش اون رو نصب و فعال کنید🙈

2) باز کردن فایل HTML : فایل HTML خودتون رو تو VSCode باز کنید 😌

3) شروع پیش نمایش : برای شروع پیش نمایش، روی دکمه "Go Live" در پایین سمت چپ صفحه کلیک کنید. یک پنجره جدید با آدرس URL لوکال شما باز میشه 😉

4) مشاهده تغییرات: هرگاه تغییرات خودتون رو تو فایل HTML اعمال کردید، صفحه پیش نمایش به طور خودکار بروزرسانی میشه و بعدش تعغیرات جدید رو نشون میده ✌️

5) توقف پخش : برای توقف پخش، دکمه "Stop" در پانل Live Server در VSCode کلیک کنید حتما 🤟

دوستان با استفاده از این افزونه دیگه لازم نیست داخل مرورگر خروجی رو ببینیم و می تونیم تو همون VSCode ببینیم 😎

اگه روش بالا جوابگو نبود براتون از روش زیر استفاده کنید حتما 👇 :

باید رو HTML التون کلیک راست کنید و گزینه show preview رو بزنید ✌️

👈 برای دانلود افزونه Live Preview کلیک کنید

#extension #live_preview #vscode
☕️ @CodeExplore