راه اندازی وب سرور محلی توسط Live Server و Express

اوت 11, 2024 8 mins read

افزونه Live Server، با استفاده از یک سرور محلی، صفحات HTML را بر روی یک پورت خاص در مرورگر شما بالا می‌آورد. با نصب و فعالسازی این افزونه، شما قادر خواهید بود صفحات وب خود را به سرعت و سهولت توسعه دهید.

افزونه Live Server:

با راه‌اندازی سرور محلی، هر تغییری که در کدهای خود اعمال کنید، به صورت زنده در مرورگر شما نمایش داده می‌شود بدون نیاز به بارگذاری مجدد صفحه. این قابلیت شما را قادر می‌سازد تغییرات خود را به سرعت پیاده‌سازی کنید و نتیجه را در لحظه مشاهده کنید. بالا آمدن روی یک پورت مشخص، این افزونه را قادر به اجرای صفحات وب در یک محیط محلی می‌کند و به شما امکان می‌دهد به راحتی و بهینه تر توسعه دهید.

پیشنهاد ویژه: برنامه نویسی بلاکچین

برای نصب افزونه Live Server در ویژوال استودیو کد، مراحل زیر را دنبال کنید:

  1. در قسمت نوار کناری، روی Extensions کلیک کنید.
  2. در کادر جستجو، Live Server را تایپ کنید.
  3. روی Install کلیک کنید.
  4. منتظر بمانید تا نصب کامل شود.

1-liveServer-1024x390.png

5.بر روی دکمه Go Live در نوار وضعیت کلیک کنید تا سرور را روشن یا خاموش کنید.

2-liveServer.png

صفحه مورد نظر با پورت مثلا 5500 در مرورگر شما باز می شود.

6.تغییرات مورد نظر خود را در سند HTML ایجاد کنید و بدون نیاز به رفرش صفحه، تغییرات را در مرورگر مشاهده کنید.

پس از بستن و باز کردن سند HTML، برای نمایش صفحه در مرورگر، می‌توانید به جای کلیک بر روی Go live، روش‌ زیر را انجام دهید:

7.در سند HTML راست کلیک و گزینه Open With Live Server را انتخاب کنید.

3-liveServer-1024x555.png

تغییراتی که در سند ایجاد می کنید، به طور خودکار در مرورگر شما نمایش داده می شود. دیگر نیازی به رفرش صفحه ندارید.

در صورتی که به برنامه نویسی بلاکچین علاقه مند هستید می توانید از پکیج آموزش برنامه نویسی بلاکچین استفاده کنید.

Image NewsLetter
Icon primary
Newsletter

در خبرنامه آرتا رسانه عضو شوید

با آخرین اخبار و تخفیف های ما آگاه شوید