۸ افزونه VS Code که نمی دانستید به آن نیاز دارید

این افزونه‌های شگفت‌انگیز Visual Studio Code فقط برای نوشتن و ویرایش کد نیستند، اگرچه به شما در انجام این کار نیز کمک می‌کنند.

• داشبورد
• پیش‌نمایش داده
• تصاویر نگهدارنده مکان
• VSCode Faker
• WordCounter
• پرش
• خاموش
• ابزارهای برق نوشتاری

Visual Studio Code یک محیط توسعه نرم‌افزار فوق‌العاده است و نه تنها به این دلیل که دارای ویژگی‌های عالی ویرایش کد و پشتیبانی از زبان است. به لطف فرهنگ غنی برنامه‌های افزودنی، VS Code به شما امکان می‌دهد تا بسیاری از کارهای پشتیبانی را علاوه بر ویرایش انجام دهید. برنامه‌های افزودنی VS Code را برای همه چیز پیدا خواهید کرد، از روشی سریع‌تر برای پیمایش در ویرایشگر گرفته تا درج متن و تصاویر مکان‌نما.

در اینجا هشت پسوند VS Code وجود دارد که ممکن است هنگام کنار هم قرار دادن یک محیط توسعه با آنها مواجه نشوید. برخی از آنها می توانند افزودنی های بسیار مفیدی به جعبه ابزار شما و حتی بخشی از گردش کار روزانه شما باشند.

داشبورد

کاربران کروم و فایرفاکس باید با منوی “شماره گیری سریع” که به طور پیش فرض هنگام باز کردن یک برگه خالی نمایش داده می شود، آشنا باشند. افزونه داشبورد کاری مشابه را برای VS Code انجام می دهد و به شما امکان می دهد به کد خود دسترسی داشته باشید. رایج ترین پروژه ها یا فضاهای کاری به سرعت. پروژه ها را می توان آزادانه اضافه، ویرایش، حذف یا دوباره سفارش داد و می توانید از رنگ ها، شیب ها یا ایموجی ها برای جداسازی دکمه های پروژه استفاده کنید. داشبورد از یک نماد برای نشان دادن اینکه یک پروژه بخشی از مخزن Git است استفاده می کند.

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

پیش نمایش داده

Visual Studio Code می‌تواند به عنوان محیطی برای آماده‌سازی داده‌ها و جدال داده‌ها و همچنین نوشتن و اجرای کد کار کند. اما اگر با فایل‌های پیچیده‌تر از ساده‌ترین فایل‌ها کار می‌کنید، کنترل‌کننده‌های فایل داخلی برای فرمت‌های داده آن را قطع نمی‌کنند. پیش‌نمایش داده‌ها کنترل‌کننده‌ها، ابزارهای تجسم و عملکردهای مدیریتی را برای طیف گسترده ای از فرمت های رایج – نه تنها JSON یا CSV، بلکه Excel، Apache Arrow و Avro، و YAML و سایر فایل های پیکربندی. (پشتیبانی از Apache Parquet برای انتشار آینده برنامه ریزی شده است.) پیش نمایش داده ها از یک کتابخانه تجزیه و تحلیل داده های جریانی که در WebAssembly نوشته شده است استفاده می کند تا کارهای سنگین را انجام دهد، بنابراین حتی فایل های بزرگ (۱۰ مگابایت یا بیشتر) یک فایل نیستند. مشکل.

شکل ۲. پیش‌نمایش داده‌ها امکان مشاهده و دستکاری تعاملی داده‌ها را در بسیاری از قالب‌های رایج مانند CSV فراهم می‌کند.

تصاویر Placeholder

اگر برای پروژه‌ای به تصاویر مکان‌نما نیاز دارید – که احتمالاً برای توسعه وب، مدل‌های رابط کاربری یا مستندات است – به تصاویر Placeholder. این برنامه افزودنی VS Code به شما امکان می دهد تصاویر را به عنوان ارجاعات HTML از تعدادی از ارائه دهندگان تصویر رایگان استفاده کنید، از جمله سرویس های تصویر استوک مانند Unsplash. برای انتخاب یک تصویر، فقط اندازه مورد نظر را همراه با ارائه دهنده ارائه دهید، و یک تصویر تصادفی متناسب با صورتحساب از ارائه دهنده مورد نظر انتخاب می شود.

شکل ۳. Imagesholder Images از بسیاری از منابع رایج تصاویر رایگان استفاده می‌کند تا تصاویر مکان‌نما را به عنوان مرجع HTML درج کند، یا می‌تواند نشانی‌های اینترنتی تصویر را در کلیپ بورد کپی کند.

VSCode Faker

گاهی اوقات شما فقط به مقداری متن مکان‌نما نیاز دارید – یک خط آدرس جعلی، یک شماره تلفن جعلی یا یک خط سریع lorem ipsum. شاید شما در حال ساختن یک نمونه قالب HTML هستید. شاید شما در حال جایگزین کردن داده‌های جعلی با داده‌های زنده برای یک اسکرین شات یا یک فایل پیکربندی هستید. VSCode Faker داده‌های جعلی از همه نوع را سریع و بدون نیاز به شما تولید می‌کند. در مورد آن فکر کنید VSCode Faker حتی می‌تواند تنظیم شود تا داده‌های جعلی را برای یک منطقه خاص تولید کند، تا زمانی که شناسه محلی را داشته باشید.

شکل ۴. متن “Lorem ipsum” با VSCode Faker تولید شده است. متن جعلی VSCode Faker می تواند یک جمله یا پاراگراف کامل باشد.

WordCounter

شمارش کلمات و زمان خواندن برای پست‌های وبلاگ و مقالات خبری بسیار مفید است، پس چرا باید همین‌جا متوقف شود؟ آیا خوب نیست که تصوری از مدت زمان لازم برای هضم یک README داشته باشیم یا اینکه دقیقاً بدانیم که این مقدمه «ساده» برای مستنداتی که می نویسید چقدر ساده است؟ WordCounter یک کلمه، کاراکتر، خط، پاراگراف، و خواندن دقیق و قابل تنظیم قرار می دهد- زمان سنج در نوار وضعیت VS Code. بسیار قابل تنظیم است؛ می‌توانید برای مثال تعیین‌کننده کلمه یا تعداد کلمات در دقیقه مورد استفاده برای محاسبه زمان خواندن را تغییر دهید.

شکل ۵. WordCounter آمار دقیق خوانایی و معیارهای شمارش را به نوار وضعیت اضافه می کند. تمام اندازه گیری های آن قابل پیکربندی است.

پرش

طرفداران ویرایشگرهای مودال روشی را دوست دارند که می توانند از طریق یک خط، یک صفحه یا یک سند به نقطه منطقی خاصی فقط با چند ضربه کلید و بدون استفاده از ماوس شیرجه بزنند. Jumpy این قابلیت را اضافه می کند که به سرعت در کد شما با چیزی جز صفحه کلید حرکت کنید. .

وقتی Jumpy را فعال می‌کنید، کد روی صفحه شما در نقاط کلیدی (شکست‌های خط، ابتدای عبارات، و غیره) با برچسب‌های کد دو حرفی تزئین می‌شود. برای رفتن به یک برچسب مشخص، فقط کد دو حرفی را تایپ کنید. می‌توانید نمادهای مورد استفاده برای کدها را سفارشی کنید یا از پیش‌فرض‌های A تا Z و ۰ تا ۹ استفاده کنید.

توجه داشته باشید که Jumpy به طور پیش‌فرض دارای هیچ keybinding نیست. برای استفاده از آن باید خودتان یکی را تنظیم کنید، که به جلوگیری از درگیری با سایر برنامه های افزودنی کمک می کند.

شکل ۶. پرش در حالت خط. تایپ یکی از کدهای دو حرفی نشان داده شده، مکان نما را به آن نقطه از فایل منتقل می کند.

تغییر

تنظیمات VS Code می‌تواند هزارتویی باشد که می‌توان آن را به درستی طی کرد و تغییر داد. اگر مرتباً به دنبال تنظیمات یکسانی هستید و بسته به مورد، آنها را روشن یا خاموش کنید، لذت کمتری نیز خواهد داشت.

افزونه

Peng Lv’s Toggle به شما امکان می‌دهد هر تنظیم VS Code را انتخاب کنید و یک اتصال کلید به آن روی کلید ضربه بزنید و مقدار تنظیمات را عوض کنید. ساده است. حتی می‌توانید چندین تنظیمات را اختصاص دهید تا با کلید‌بندی یکسان تغییر داده شوند.

شکل ۷. با Toggle، گزینه های مدفون در اعماق تنظیمات VS Code را می توان با فشار دادن یک کلید میانبر در معرض دید و تغییر قرار داد.

یکی از نکات منفی Toggle این است که باید فایل Keybind را به صورت دستی پیکربندی کنید، اما این کار خیلی سخت نیست. از تنظیمات برگزیده: باز کردن میانبرهای صفحه کلید (JSON) برای ایجاد یا باز کردن فایل استفاده کنید، در مثال ارائه شده جای‌گذاری کنید و از مرجع keybinding برای تنظیم اتصالات خود.

ابزارهای برق نوشتاری

VS Code در اصل یک ویرایشگر متن است. “متن” فقط به معنای کد برنامه نیست. این می تواند به معنای اسناد در قالب های مختلف از جمله متن ساده باشد. افزونه Text Power Tools VS Code را به باتری متن مجهز می کند ابزارهای پردازش به طور پیش فرض شامل نمی شوند.

شکل ۸. “tpt” را در پالت فرمان VS Code تایپ کنید تا گزینه های موجود برای تغییر انتخاب متن در Text Power Tools را ببینید. وجود دارد. گزینه های بسیار بیشتر از آنچه در اینجا نشان داده ام.

از جمله ابزارهای موجود در این مجموعه: فیلتر کردن خطوط در یک فایل با عبارات منظم. تغییر یا مبادله حروف متن انتخاب شده؛ اضافه کردن یا اضافه کردن متن به خطوط یا مناطق. مرتب سازی مناطق متن بر اساس معیارهای مختلف. چسباندن هوشمند داده های کلیپ بورد در قالب های مختلف؛ تولید داده های نگهدارنده مکان در اشکال مختلف. تغییر رمزگذاری برای انتخاب ها؛ تغییر فرم های عادی سازی یونیکد. و بسیاری دیگر.

یکی از افزونه‌های بسیار مفید «slots text» است — راهی برای ذخیره سریع حداکثر پنج ورودی کلیپ‌بورد و استفاده مجدد از آنها. اگر در حال حاضر از یک ابزار کلیپ بورد پیشرفته استفاده نمی کنید، این یک راه مفید برای دریافت همان عملکرد است.