ویژوال استودیو کد یک ویرایشگر متن رایگان است که توسط مایکروسافت ساخته شده است. به لطف عملکرد فوق العاده آن و میزان فراوان ویژگی هایی که ارائه می دهد، به سرعت مورد توجه مخاطبان قرار می گیرد.
همانند بسیاری از IDE ها، VSCode دارای یک بازار افزوده شده حاوی هزاران پلاگین با کیفیت متفاوت است. برای کمک به شما در انتخاب کردن کسانی که ارزش دانلود دارند، ما این مجموعه از افزونه هایی را که بیشتر مفید و سرگرم کننده ای یافتیم، ساخته ایم.
VSCode هیچ رابط کاربری داخلی را برای باز کردن فایل ها به طور مستقیم در مرورگر ارائه نمی دهد. این افزونه یک مورد باز با پیش فرض مرورگر را به منوی متنی اضافه می کند و همچنین گزینه های پارت فرمان برای باز کردن در یک مشتری از انتخاب شما (فایرفاکس، کروم، اینترنت اکسپلورر).
Quokka یک ابزار اشکال زدایی است که بازخورد زنده را در کد شما نوشتن می دهد. این پیش نمایش از نتایج توابع و مقادیر محاسبه شده برای متغیرها را نشان می دهد. افزونه آسان است برای پیکربندی و از جعبه با پروژه های JSX یا TypeScript کار می کند.
اطلاعات حفره یا سوراخ را با استفاده از کتابخانه محبوب فایکر جاوا اسکریپت سریع وارد کنید. شما می توانید نام های تصادفی، آدرس، تصاویر، شماره تلفن، یا فقط پاراگراف های کلاسیک Lorem Ipsum تولید کنید. هر رده دارای زیر شاخه های مختلف است، بنابراین شما می توانید اطلاعات را متناسب با نیازهای شما.
با استفاده از این افزونه می توانید تعاریف کلاس ها و شناسه های CSS را در شیوه های خود مشاهده کنید. هنگامی که شما بر روی یک انتخابگر در فایلهای HTML راست کلیک میکنید، انتخاب گزینههای Go to Definition و Peek تعریف شما را به کد CSS که در آن شما آنها را مدل کرده اید ارسال می کنید.
افزونه HTML boilerplate شما را از نیاز به دستی نوشتن برچسب های سر و بدن یک سند جدید HTML ذخیره می کند. فقط یک HTML خالی در یک فایل خالی تایپ کنید، کلید Tab را بزنید و یک ساختار سند پاک ایجاد شود.
Prettier محبوب ترین قالب کد در وب Dev است در حال حاضر. این اجازه می دهد که کد تیم شما یکسان باشد، مهم نیست که چه کسی آن را نوشته است. این فرمت اجازه می دهد تا به طور خودکار اسناد JS و CSS را بهتر و سریع تر فرمت کند. اگر شما همچنین می خواهید ESLint را در مخلوط پرتاب کنید، Prettier - Eslint وجود دارد.
پلاگین کوچک که به شما اطلاعات متنوعی در مورد رنگهایی که در CSS شما استفاده کرده است، می دهد. با کشیدن روی رنگ، می توانید پیش نمایش بزرگتری از نحوه نمایش آن و همچنین اطلاعات مربوط به ترجمه آن را به تمام فرمت ها (hex، rgb، hsl، cmyk) مشاهده کنید.
این افزونه تعدادی از ابزارهای کاربردی برای کار با SVG ها در Visual Studio Code اضافه می کند. این باعث می شود که فایل های SVG را رندر کنید و ببینید که چگونه آنها بدون نیاز به ویرایشگر کنار می مانند. همچنین گزینه هایی برای تبدیل به PNG و ایجاد طرح های URI داده وجود دارد.
این ابزار تمام توهمات TODO را در کد خود نشان می دهد، و آن را آسان تر برای ردیابی هر کسب و کار ناتمام قبل از هل دادن به تولید. به طور پیش فرض برای کلمات کلیدی TODO و FIXME به نظر می رسد، اما شما می توانید عبارات دلخواه خود را نیز اضافه کنید.
قطعه کوچک برای فونت های آیکون در پروژه خود (از CDN) و سپس اضافه کردن آیکون خود را. فرمت پشتیبانی از بیش از 20 مجموعه آیکون محبوب، از جمله فونت بسیار معروف، Ionicons، Glyphicons، و آیکون طراحی مواد.
فرمت برای حذف کد شما. این یک تن از تنظیمات سفارشی سازی را ارائه می دهد و گزینه ای را برای صرفه جویی در خودکار و صرفه جویی در آن به فایل .min مینویسد. Minify با استفاده از جاوا اسکریپت، CSS و HTML با استفاده از uglify-js، clean-css و html-minifier کار می کند.
VSCode دارای گزینه های محدودی برای تبدیل متن است. خارج از جعبه تنها می تواند تبدیل های کوچک و بزرگ را انجام دهد. این پلاگین دستورات زیادی را برای اصلاح رشته ها اضافه می کند، از جمله camelCase، kebab case، snake_case، CONST_CASE و دیگران.
