افزونه Live Server:
افزونه Live Server، با استفاده از یک سرور محلی، صفحات HTML را بر روی یک پورت خاص در مرورگر شما بالا میآورد. با نصب و فعالسازی این افزونه، شما قادر خواهید بود صفحات وب خود را به سرعت و سهولت توسعه دهید. با راهاندازی سرور محلی، هر تغییری که در کدهای خود اعمال کنید، به صورت زنده در مرورگر شما نمایش داده میشود بدون نیاز به بارگذاری مجدد صفحه. این قابلیت شما را قادر میسازد تغییرات خود را به سرعت پیادهسازی کنید و نتیجه را در لحظه مشاهده کنید. بالا آمدن روی یک پورت مشخص، این افزونه را قادر به اجرای صفحات وب در یک محیط محلی میکند و به شما امکان میدهد به راحتی و بهینه تر توسعه دهید.
برای نصب افزونه Live Server در ویژوال استودیو کد، مراحل زیر را دنبال کنید:
- در قسمت نوار کناری، روی Extensions کلیک کنید.
- در کادر جستجو، Live Server را تایپ کنید.
- روی Install کلیک کنید.
- منتظر بمانید تا نصب کامل شود.
5.بر روی دکمه Go Live در نوار وضعیت کلیک کنید تا سرور را روشن یا خاموش کنید.
صفحه مورد نظر با پورت مثلا 5500 در مرورگر شما باز می شود.
6.تغییرات مورد نظر خود را در سند HTML ایجاد کنید و بدون نیاز به رفرش صفحه، تغییرات را در مرورگر مشاهده کنید.
پس از بستن و باز کردن سند HTML، برای نمایش صفحه در مرورگر، میتوانید به جای کلیک بر روی Go live، روش زیر را انجام دهید:
7.در سند HTML راست کلیک و گزینه Open With Live Server را انتخاب کنید.
تغییراتی که در سند ایجاد می کنید، به طور خودکار در مرورگر شما نمایش داده می شود. دیگر نیازی به رفرش صفحه ندارید.