VS Code – نحوه تغییر فونت

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

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

نحوه تغییر فونت در VS Code

حتی اگر توسعه‌دهنده‌ای هستید که مدت‌هاست با VS کار می‌کنید، ممکن است هنوز از گزینه‌های تغییر فونت آن اطلاعی نداشته باشید.

اگر برایتان مهم نیست که چرا انتخاب فونت خود مهم است، مستقیماً به آموزش چند پاراگراف زیر بروید. با این حال، به خاطر داشته باشید که دلایل تغییر فونت (که در زیر ذکر شده است) می تواند به تصمیم شما کمک کند.

چرا فونت ها در VS اینقدر مهم هستند؟ خوب، اگر جنبه زیبایی شناسی برای شما کافی نیست (و به ما اعتماد کنید، بعد از ساعت ها و ساعت ها سپری کردن در یک ویرایشگر کد، شروع به اهمیت می کند)، در واقع به عملکرد نیز مربوط می شود. بنابراین، چه چیزی یک فونت را برای VS "مناسب" می کند؟

در درجه اول، شما می خواهید که تمایز بین شخصیت های مشابه قابل توجه باشد. به عنوان مثال، تشخیص آسان عدد 1 و L کوچک می تواند سرعت کدگذاری شما را به میزان قابل توجهی افزایش دهد و در وقت شما صرفه جویی کند.

سپس، این واقعیت وجود دارد که برخی از توسعه دهندگان دوست دارند از لیگاتور استفاده کنند. لیگاتورها چند نماد به هم پیوسته هستند. به آنها "گلیف" نیز می گویند و هنگام کدنویسی می توانند معنی زیادی داشته باشند.

بدون هیچ مقدمه ای، در اینجا نحوه تغییر خانواده فونت در VS آمده است:

1. ویرایشگر VS خود را باز کنید.
   
2. به قسمت بالای صفحه بروید و File را انتخاب کنید .
   
3. اکنون، در منوی کشویی، به تنظیمات > تنظیمات بروید .
   
4. اکنون بخش Commonly Used را با منویی در سمت راست صفحه مشاهده خواهید کرد ، می توانید از این صفحه یا با دنبال کردن مرحله زیر به فونت دسترسی پیدا کنید.
   
5. یا روی Text Editor > Font کلیک کنید و به دنبال ورودی پیش‌فرض “editor.fontFamily” بگردید: “Consolas ”.
   
6. سپس به جای Consolas ، نام فونت دلخواه خود را وارد کنید.
   

این باید به طور خودکار خانواده فونت را تغییر دهد.

نحوه تغییر اندازه قلم در VS Code

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

یک فرمول جادویی برای بهترین اندازه فونت برای کدنویسی وجود ندارد. در حالت ایده‌آل، می‌خواهید کاراکترها را تا حد امکان واضح ببینید، اما همچنین می‌خواهید که خط با پنجره VS مطابقت داشته باشد. بنابراین، اندازه های مختلف فونت را امتحان کنید و فونت مناسبی را پیدا کنید که متناسب با نیازهای کدنویسی شما باشد.

در اینجا نحوه تغییر اندازه فونت در VS Code آورده شده است:

1. به منوی تنظیمات کاربر (مرحله شماره 3 در آموزش فونت) بروید .
   
2. به دنبال "editor.fontSize": 15 خط باشید، اندازه قلم شما ممکن است روی چیزی متفاوت تنظیم شود.
   
3. سپس به جای 15 ، اندازه فونت دلخواه خود را وارد کنید.
   

نحوه تغییر فونت اکسپلورر در VS Code

ویژگی Explorer در VS Code درست مانند ویژگی کاوشگر در اکثر برنامه های دیگر کار می کند. برای مدیریت، مرور و باز کردن فایل‌ها و پوشه‌ها برای کار بر روی پروژه شما استفاده می‌شود. از آنجایی که VS Code بر اساس پوشه‌ها و فایل‌ها است، اکسپلورر شروع به کار را برای شما آسان می‌کند - فقط کافی است فایل/پوشه را با استفاده از VS Code باز کنید. به همین سادگی.

می توانید انتظار داشته باشید که کمی از VS Code Explorer استفاده کنید. اگر اندازه فونت Explorer برای شما مناسب نیست، خوشحال خواهید شد که بدانید می توانید آن را تغییر دهید.

1. دوباره به منوی تنظیمات کاربر بروید .
   
2. "editor.fontSize": 14 ورودی را پیدا کنید ، اندازه قلم شما ممکن است متفاوت باشد.
   
3. این را به اندازه فونت دلخواه خود تغییر دهید، در این مثال از 18 استفاده شده است.
   

نحوه تغییر فونت ترمینال در کد VS

به جای تعویض پنجره ها یا ایجاد تغییرات در وضعیت ترمینال موجود، VS Code به شما امکان می دهد از یک ترمینال یکپارچه استفاده کنید که در ریشه پروژه/فضای کاری شما یافت می شود. البته ممکن است بخواهید برای سهولت استفاده در اینجا تغییراتی در فونت ایجاد کنید. در اینجا نحوه تغییر فونت ترمینال VS Code آورده شده است:

1. به پوشه ریشه پروژه/فضای کاری خود بروید.
2. فایل settings.json را با استفاده از VS Code باز کنید . از طرف دیگر، در VS Code، Ctrl + Shift + P را فشار دهید (به جای Ctrl ، از Command برای دستگاه‌های مک استفاده کنید ) و فایل settings.json را پیدا کنید .
3. سه خط مربوطه را به این تغییر دهید: توجه داشته باشید که D2Coding یک مثال است. همچنین می توانید هر فونت دیگری را که ترجیح می دهید انتخاب کنید.
   “terminal.external.osxExec”: “iTerm.app”,
“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
   
4. پس از اتمام تنظیمات را ذخیره کنید.

برای تغییر اندازه قلم ترمینال، به ورودی "terminal.integrated.fontSize" بروید و آن را به دلخواه خود تنظیم کنید.

نحوه تغییر فونت برای نظرات در VS Code

ورودی های نظرات کد، به طور پیش فرض، با همان فونت بقیه کد هستند. تغییر این باعث می‌شود که آن‌ها متمایز شوند، که اغلب می‌تواند از اتلاف ساعت‌ها کار جلوگیری کند (وقتی یک نظر با فونت یکسانی در VS باشد، به راحتی می‌توان آن را از دست داد). به همان اندازه که این نوع چیزها ساده به نظر می رسد، راه حل کمی پیچیده تر از آن چیزی است که شما انتظار دارید. همچنین، نتایج ممکن است ایده آل نباشند، زیرا ممکن است باعث ایجاد برخی مشکلات هم ترازی شود. با این حال، امتحان کردن ضرری ندارد:

1. به پوشه نصب root برای VS Code در دستگاه خود بروید.
2. به ورودی touch style.css در ترمینال بروید. این یک شیوه نامه ایجاد می کند.
3. اکنون زمان اضافه کردن قانون فونت است. در اینجا نمونه ای از یک سبک آورده شده است:
   .mtk3 {

font-family: "iosevka";

font-size: 1em;

font-style: italic;

}
4. settings.json را باز کنید و این ورودی را اضافه کنید:
   "vscode_custom_css.imports":
"file:///Users/username/.vscode/style.css"],
5. اکنون افزونه Custom CSS و JS Loader را دانلود کنید .
6. پس از نصب، از دستور Ctrl + Shift + P استفاده کنید و مطمئن شوید که افزونه فعال است.
7. VS Code را مجدداً راه اندازی کنید.
8. اکنون نظرات باید فونت جدیدی داشته باشند.

نحوه تغییر اندازه قلم نوار کناری در VS Code

هیچ تنظیمی در VS Code وجود ندارد که کاربر را قادر سازد اندازه فونت ترمینال را تغییر دهد. با این حال، یک راه حل وجود دارد، و شامل پلاگین CSS و JS Loader ذکر شده می شود.

1. در افزونه به جزئیات افزونه بروید و قسمت آموزش را با دقت دنبال کنید.
2. از منطق زیر استفاده کنید:
   "vscode_custom_css.imports": ["[insert custom file URL]"]
3. این کار را برای هر فایل سفارشی انجام دهید.

نتیجه باید برای نوار کناری VS Code بسیار بهتر و زیباتر باشد.

نحوه تغییر فونت با استفاده از سیستم عامل های مختلف

اگر در VS برنامه نویسی می کنید، یا از رایانه ویندوزی، مک یا سیستم لینوکس استفاده می کنید. اگرچه این سه از نظر VS یکسان نیستند، تفاوت ها بیشتر به گزینه Ctrl / Cmd و مکان های پیش فرض فایل های VS Code خلاصه می شود. بنابراین، اصل تغییر فونت در VS Code تقریباً در همه دستگاه‌ها یکسان است.

سوالات متداول اضافی

چرا نمی توانم فونت VS Code را تغییر دهم؟

اشتباهات زیادی در VS Code وجود دارد و تغییر فونت به سادگی انجام این کار در MS Word نیست. از آنجایی که از کدنویسی زیادی برای تغییر فونت واقعی VS Code استفاده می کنید، باید در مورد رایج ترین نظارت هایی که افراد انجام می دهند بدانید. اطمینان حاصل کنید که هر ورودی با علامت نقل قول احاطه شده است. به عنوان مثال، "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"] ، کار نخواهد کرد مگر اینکه از علامت نقل قول استفاده کنید. علاوه بر این، مطمئن شوید که از فاصله بین دستورات استفاده می کنید.

کدام فونت برای کد در VS Code استفاده می شود؟

به طور پیش فرض، فونت مورد استفاده برای کدنویسی در VS Code Consolas است. اگر این راهنما را دنبال کنید، می‌توانید اکثر فونت‌ها را در VS Code تغییر دهید، چه در مورد خود کد صحبت کنیم، چه ترمینال، نظرات یا ویژگی کاوشگر.

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

چگونه فونت VS Code را هک کنم؟

در اصل، هک کردن به معنای اصلاح بود، اما اگر منظور شما از افزودن فونت Hack به VS است، می‌توانید آن را از طریق وب‌سایت Hack اضافه کنید . فونت TrueType را از Hack دانلود کنید. فایل فشرده دانلود شده را اکسترکت کنید. فایل های استخراج شده را نصب کنید. سپس به Tools و سپس Options بروید. در منوی گزینه ها، Environment را انتخاب کنید و سپس به قسمت Fonts and Colors بروید. منوی کشویی Font را باز کرده و ورودی Hack را انتخاب کنید.

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

به عنوان یک قاعده کلی، هر کدنویسی، از جمله هکرها، از فونتی که دوست دارد استفاده می کند. یک نمونه خوب از یک فونت محبوب که گفته می شود "انتخاب هکرها" است، Ray Bluetens است که به نام Lan Dart Fonts نیز شناخته می شود.

تغییر گزینه های فونت در VS Code

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

آیا توانستید تنظیمات فونت خود را در VS Code ویرایش کنید؟ آیا به مشکلی برخورد کردید؟ به پایین بروید و بخش نظرات ما را در زیر بررسی کنید. مملو از توصیه های خوب است. از پرسیدن سوال از خود یا شروع بحث خودداری نکنید. جامعه ما خوشحال است که به شما کمک کند.