فونت و تمی که برای VSCode ام ست کردم!

سلام و درود به همگی.

توی این پست قراره کانفیگی که برای فونت و تم کد ادیتور VSCode ام انجام دادم رو اینجا بنویسم. شاید یه روزی یکی ازش استفاده کنه یا خودم :)

چیزی که استفاده میکنم و توی تنظیمات ادیتور ست کردم رو خیلی توی بعضی از برنامه نویسا دیدم و خیلی ازش خوشم اومده :) و با کلی ور رفتن و سرچ زدن تونستم شبیه به چیزی که دوسش دارم دربیارم.

در کل این چیزیه که توی روند کد نویسی بهم حس خوبی میده (اصلش هم همینه).

حالا بریم تو کارش!

1- از چه فونتی استفاده می کنم؟

این حالت علامت هارو ممکنه توی Display Code بعضی از یوتیوبر و برنامه نویس ها دیده باشید که بنظرم فونت جذابیه! مخصوصا که جاوااسکریپت کار باشی که دیگه فبها:)

بعد دیدم اینا از فونت FiraCode استفاده میکنن که خوشبختانه فونت اوپن سورس و رایگانی هست و یک ریپازیتوری توی گیت هاب داره

بعد دانلود فونت چکار میکنن؟ توی سیستم نصبش میکنن :)

بعد از نصبش این کاررارو روی تنظیمات وی اس کد انجام میدیم:

1- این عبارت رو توی بخش font family وی اس کدتون تایپ میکنید:

'Fira Code', Vazir

نکته: میتونید بعد از این فونت فارسی هم اضافه کنید که متن های فارسی داخل خودتون قشنگ دربیان. فونت فارسی که توی ادیتورم استفاده میکنم Vazir هست

2- حالا برای اینکه علامت های فونت روی کد ادیتور اعمال بشن توی تنظیمات عبارت fontLigatures رو سرچ کنید و فایل JSON یی که باز میشه اون رو روی حالت True قرار بدید:

&quoteditor.fontLigatures&quot: true,

نکته: اگر خواستید ارتفاع نوشته هاتون زیاد بشه توی ستینگ عبارت line-height رو سرچ کنید و یه عدد بهش بدید که بیشتر از صفر باشه. مقداری که خودم تنظیم کردم مقدار 35 هستش.

2- از چه تمی استفاده میکنم؟

تمی که استفاده میکنم One Dark Pro عه که تم باحالی هست. خودم که دوسش دارم.

برای آیکون های فولدر ها و فایل ها از اکستنشن Material icon theme استفاده میکنم که اینم عکسشه: (دیگه خودتون تست کنین)

بعد از همه اینکارا VSCode رو ببندید دوباره باز کنید تا تنظیمات اعمال بشن. حالا کار جمعه و برید حالشو ببرید :)

شما از چه فونت و تمی استفاده میکنید توی VSCode? اگر هم از وی اس کد استفاده نمیکنید هم اسم IDE یا ادیتورتون رو بگید.