alireza
alireza
خواندن ۲ دقیقه·۵ سال پیش

ویژوال استودیو کد برای وب نویس ها در ۴ سوت

سوت اول:

ویژوال استودیو کد یک ابزار بسیار قدرتمند متن باز کد نویسی است که زبان های برنامه نویسی مختلف را پشتیبانی کرده و برای انواع پلاتفرم ها از ویندوز و Mac OS گرفته تا تمام زیر مجموعه های لینوکس از جمله اوبونتو، Red Hat و ... به کار گرفته می شود. این ابزار را می توانید از اینجا به رایگان دانلود کنید. تعداد ستاره های دریافت شده از سمت کاربران مختلف در سایت GitHub نشان دهنده اقبال عمومی نسبت به این نرم افزار است. پس از نصب این برنامه بر روی رایانه می توانید فایل های HTML خود را به آن معرفی نموده و یا به کمک آن بر روی هارد دیسک خود ذخیره نمایید.

سوت دوم:

در هنگام کار کردن با فایل های HTML در ویژوال استودیو خواهید دید که اگر کرزر خود را بر روی تگ های مختلف حرکت دهید، می توانید اطلاعات لازم در مورد هر کدام را از منویی که به شکل Popup باز می شود، دریافت نمایید. این ویژگی بخصوص در هنگام یادگیری کد نویسی یک ویژگی بسیار حائز اهمیت است. با همین روش می توانید لیستی از پیشنهاداتی که با آن ها می توانید تگ قبلی خود را تکمیل کنید، دریافت نمایید.

سوت سوم:

در هنگام کار کردن با فایل های HTML بسیار پیش می آید که فاصله عمودی بین تگ ها رعایت نشده یا به دلیل طولانی بودن، متن دچار بهم ریختگی و شلختگی شده باشد. در ویژوال استودیو کد Shift+Alt+F کمک شایانی به تنظیم فواصل عمودی بین تگ ها کرده و متن را منظم و زیباتر می کند. این امر در پلاتفرم MacOS به کمک Command F و Command K امکان پذیر است.

سوت چهارم:

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

یک راه، رفتن به منوی View و انتخاب Extensions است. اکنون در پنل باز شده سمت چپ واژه Browser را تایپ کرده و نگاهی به افزونه های ارائه شده بیاندازید. یکی از افزونه ها را انتخاب کرده و جهت نصب بر روی آن کلیک کنید. حال با بازگشت به محیط ویژوال استودیوی خود خواهید دید که می توانید افزونه نصب شده را برای براوزر مورد نظر خود به کار گرفته و با رندر کردن کد نوشته شده خود از حال و روز چگونگی نمایش آن برای کاربر خبردار گردید.

ویژوال استودیو کدوبvisual studio codeweb developer
شاید از این پست‌ها خوشتان بیاید