15 پلاگین ضروری برای Visual Studio Code

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