شخصی‌سازی ها در vscode

شخصی‌سازی کردن محیط توسعه یکی از کارهایی است که باعث افزایش بهره‌وری و افزایش سرعت برای برنامه‌نویس در محیط توسعه خود می‌شود. همچنین شخصی‌سازی محیط توسعه و ساختن محیطی منحصر به فرد برای خود، باعث راحتی برنامه‌نویس و لذت بردن از کار خود می‌شود. یکی از محبوب ترین IDE های برنامه نویس ها، بی شک vscode است که توسط مایکروسافت به صورت اوپن سورس و رایگان در دسترس برنامه نویس ها قرار گرفته است. این IDE قابلیت شخصی سازی بالایی دارد که در ادامه این مقاله به چند مورد اشاره خواهد شد.vscodeبا زدن کلید ترکیبی( , + ctrl ) وارد تنظیمات شوید و در گوشه سمت راست بالا فایل setting.json را باز کنید.صفحه تنظیمات vscodeدر این فایل می توان یک سری کانفیگ را برای IDE انجام داد.چون قابلیت auto-complete نیز دارد، پس در ادامه اگر بخشی از خط ها را تایپ کنید می توانید با استفاده از این قابلیت سریع تر آن کانفیگ را بنویسید.حذف minimap با این قابلیت می توانید راحت تر در داخل یک فایل حجیم جابه جا شوید، اما شاید شما دوست نداشته باشید آن را به صورت پیش فرض ببینید.برای حذف این قابلیت خط زیر را به فایل setting.json اضافه کنید. و اگر خواستید دوباره آن را فعال کنید مقدار true را به false تغییر دهید.حذف minimap حذف breadcrumbsاین قابلیت که در سر برگ هر فایل قرار دارد، برای جابه جا شدن بین فایل ها کاربرد دارد.breadcrumbsبرای حذف این قابلیت خط زیر به فایل setting.json اضافه کنید.حذف breadcrumbsاضافه کردن bracket pair colorization با این قابلیت که قبلاً با استفاده از نصب پلاگین حاصل میشد، کروشه،آکولاد و پرانتز را به صورت رنگی مشخص می کرد و مدیریت این علامت ها را برای زبان هایی که از آن پشتیبانی می کردند،راحت تر می کرد.هم اکنون این پلاگین به صورت یک قابلیت در vscode قرار دارد که می توانید با دو خط زیر آن را فعال کنید.bracket pain colorizationانتقال و حذف sidebar سایدبار vscode به صورت پیش فرض در سمت چپ قرار دارد،اما با افزودن خط زیر می توان آن را به سمت راست انتقال داد.انتقال sidebarمی توانید با مخفی کردن سایدبار، فضای زیادی را برای محیط کد نویسی خود فراهم کنید.برای پنهان کردن آن می توان یک کلید میانبور تعیین کرد تا هر موقع نیاز داشتیم،آن را باز کنیم.برای باز کردن بخش شورتکات های کیبورد، به مسیر file -> preferences -> Keyboard Shortcuts بروید و آن را باز کنید.در بخش جستجو activity bar را جستجو کنید و برای آن یک شورتکات به دلخواه خود تنظیم کنید.ایجاد شورتکات برای ساید بارتنظیم فونت دلخواهاگر فونت خاصی را در نظر دارید،ابتدا آن را دانلود و نصب کرده و سپس در داخل " " خط زیر فونت خود را قرار دهید. برای اینکه فونت های فارسی به زیبایی نشان داده شوند، می توانید پس از وارد کردن فونت دلخواه خود نام یک فونت فارسی( که قبلاً نصب کرده اید) را وارد کنید.فونت های پیش فرض منهمانطور که می بینید، فونت وزیر که یک فونت فارسی است در آخر گذاشته شده تا vscode فونت های فارسی را هم پشتیبانی کند.همچنین اگر فونت شما از font ligatures پشتیبانی می کند، می توانید با خط زیر آن را فعال کنید.font ligaturesمکان نما( cursor ) روان!برای اینکه مکان نما در vscode یک حالت روان و زیبایی به خود بگیرد خط زیر را به فایل setting.json اضافه کنید.مکان نما روانذخیره کردن تمام افزونه ها و شخصی سازی هابا افزونه Setting Sync می توانید تمام افزونه ها و شخصی سازی های مخصوص خود را در حساب گیتهاب یا مایکروسافت ذخیره کنید و اگر سیستم عامل خود را عوض کردید یا به هر دلیلی vscode پاک شد بتوانید تمام آن ها را در چند دقیقه برگردانید.توجه: این افزونه منسوخ شده است و می توان از قابلیت داخلی خود vscode برای ذخیره کردن افزونه ها و شخصی سازی ها استفاده کرد.Setting Syncاسکرول چسبنده( sticky scroll )این ویژگی محدوده( scope ) فعلی را در بالای ادیتور نشان می‌دهد و می‌توان با اضافه کردن خط زیر فعال شود.فعال سازی sticky scrollبا نگه‌داشتن کلید ctrl و کلیک می توان به تعریف آن منتقل شد.در بروز رسانی نسخه 1.82 با نگه‌داشتن کلید shift و کلیک، می‌توانید به اخر تعریف آن محدوده منتقل شوید.توجه: این ویژگی فقط از ورژن 1.71 به بعد در دسترس است.برگرفته از سایت رسمی vscodeاسکرول چسبنده( sticky scroll ) برای ترمینال!همانند خود فایل‌ها،‌ وی‌اس‌کد از ورژن ۱.۸۵ قابلیت اسکرول چسبنده را برای ترمینال اضافه کرد که می‌توان با اضافه‌کردن خط زیر به settings.json آن را فعال کرد.فعال سازی sticky scroll برای ترمینالاسکرول چسبنده در ترمینال اسکرول چسبنده( sticky scroll ) برای ساختار پروژه!همانند خود فایل‌،‌ وی‌اس‌کد از ورژن ۱.۸۵ قابلیت اسکرول چسبنده را برای ساختار پروژه هم اضافه کرد که می‌توان با اضافه‌کردن خط زیر به settings.json آن را فعال کرد.فعال سازی sticky scroll برای ساختار پروژهظاهر ویندوزی در لینوکسبا وارد کردن دو خط زیر به فایل settings.json به صورت نیتیو ویندوز باز خواهدشد و برخی قابلیت های vscode که در لینوکس به راحتی در دسترس نیست، اضافه خواهد شد.(مخصوص سیستم عامل های لینوکسی)ظاهر نیتیو ویندوزحذف Statusbarبا وارد کردن خط زیر به فایل settings.json می توان statusbar را حذف کرد.حذف statusbarتنظیم اندازه tab های باز در vscodeبا وارد کردن خط زیر به فایل settings.json سه گزینه fixed,shrink,fit را دارید که fix طول ثابت برای هر tab را در نظر می گیرد،fit بسته به اسم آن فایل اندازه هر tab را تغییر می دهد و shrink تا جای ممکنه اندازه هر tab را کوچک می کند که فقط اسم آن معلوم خواهد بود.به نظرم fixed از همه بهتر است، چون با کلیک‌های متعدد می‌توانید تب‌هایی که باز کردید را سریع ببندید.تنظیم اندازه tab های باز در vscodeویژگی Clickable parameter hintsاین ویژگی مشابه ویژگی IDE های شرکت JetBrains است که پارامتر‌های موجود در تابع‌ها را در هنگام کدنویسی برای راهنمایی نشان ‌می‌‌دهد که به نظرم ویژگی بسیار کمک‌کننده‌‌ای برای نوشتن کدی با باگ کمتر خواهد بود.برای فعال‌سازی این ویژگی خطوط زیر را به فایل settings.json اضافه کنید.( البته ویژگی در حال حاضر برای زبان‌های جاوا اسکریپت و تایپ‌اسکریپت فعال خواهد شد).ویژگی Clickable parameter hintsمثال parameter hintsتوجه: برای فعال شدن ویژگی‌های ذکر شده در دو خط اخر(برای جاوا اسکریپت و تایپ‌اسکریپت) باید حداقل ورژن ۱.۸۲ را نصب داشته باشید.میانبر Nearest Quick Fix keyboardبا فعال کردن این ویژگی، وقتی در حال ریفکتور کد هستید، حتی اگر روی کد مورد نظر نباشید و صرفاً در خطی که امکان ریفکتور هست باشید، با زدن میانبر . + CTRL قسمتی که امکان ریفکتور هست، برای شما فعال خواهد شد.Nearest Quick Fix keyboardمیانبر برای فعال‌سازی این ویژگی خط زیر را به فایل setting.json خود اضافه کنید.توجه: برای فعال شدن ویژگی ذکر شده، باید حداقل ورژن ۱.۸۳ را نصب داشته باشید.جابه‌جا کردن activity-barبا تغییر این ویژگی می‌توانید موقعیت activity-bar را به top یا side یا hidden تغییر دهید.تغییر موقعیت activity-barیا اگر می‌خواهید به صورت کانفیگ آن را اعمال کنید، خطر زیر را در setting.json قرار دهید و به جای top کانفیگ دلخواه خود را قرار دهید.تغییر موقعیت activity-barتوجه: این ویژگی به شرطی می‌تواند فعال شود که titleBarStyle به صورت custom باشد که در بخش "ظاهر ویندوزی در لینوکس" می‌توانید آ‌ن را فعال کنید.توجه: برای فعال شدن ویژگی ذکر شده، باید حداقل ورژن ۱.۸۴ را نصب داشته باشید.مخفی کردن editor-tabsبا اضافه کردن خط زیر به settings.json می توانید tab هایی که در بالای ادیتور نشان داده می‌شود، را مخفی کنید.مخفی کردن editor-tabsتوجه: برای فعال شدن ویژگی ذکر شده، باید حداقل ورژن ۱.۸۴ را نصب داشته باشید.اگر این مقاله برای شما مفید بود، آن را با دوستان خود به اشتراک بگذارید.منابع استفاده شده:https://frontendmasters.com/courses/customize-vs-code/https://code.visualstudio.com/updates/v1_71https://stackoverflow.com/questions/37117555/how-can-i-hide-the-status-bar-in-vs-codehttps://code.visualstudio.com/updates/v1_79https://code.visualstudio.com/updates/v1_82https://code.visualstudio.com/updates/v1_83https://code.visualstudio.com/updates/v1_84https://code.visualstudio.com/updates/v1_85