كود VS - كيفية تغيير الخط

من السهل على المطور أن يقلل من أهمية بيئة عمله. لا ، نحن لا نتحدث عن لون كرسيك ومكتبك وجدارك. نحن نتحدث عن بيئة عملك الافتراضية.

إن جعل محرر أكواد Visual Studio الخاص بك يبدو وكأنه في المنزل أمر مهم للغاية لكفاءة عملك. يغطي الخط جزءًا كبيرًا من الإحساس العام VS. في هذه المقالة ، سنعلمك كيفية تحرير الخطوط في أجزاء مختلفة من محرر VS Code.

كيفية تغيير الخط في كود VS

حتى لو كنت مطورًا يعمل مع VS لفترة طويلة الآن ، فربما لا تزال لا تعرف خيارات تغيير الخط.

إذا كنت لا تهتم بأهمية اختيار الخط الخاص بك ، فانتقل مباشرة إلى البرنامج التعليمي بضع فقرات أدناه. ومع ذلك ، ضع في اعتبارك أن أسباب تغيير الخط (الموضحة أدناه) يمكن أن تساعد في اتخاذ قرارك.

لماذا تعتبر الخطوط مهمة جدًا في VS؟ حسنًا ، إذا لم يكن الجانب الجمالي كافيًا بالنسبة لك (وثق بنا ، بعد ساعات وساعات تقضيها في محرر الكود ، يبدأ الأمر في الأهمية) ، فهو في الواقع يتعلق أيضًا بالوظيفة. إذن ، ما الذي يجعل الخط مناسبًا لـ VS؟

في المقام الأول ، سترغب في أن يكون التمييز بين الشخصيات المتشابهة ملحوظًا. على سبيل المثال ، يمكن أن يؤدي التمييز بسهولة بين الرقم 1 والحرف L الصغير إلى تسريع عملية الترميز بشكل كبير وتوفير الوقت.

ثم هناك حقيقة أن بعض المطورين يحبون استخدام الوصلات المركبة. الوصلات المركبة عبارة عن عدد قليل من الرموز المرتبطة ببعضها البعض. وتسمى هذه أيضًا "الحروف الرسومية" ، ويمكن أن تعني الكثير عند الترميز.

بدون مزيد من اللغط ، إليك كيفية تغيير عائلة الخطوط في VS:

1. افتح محرر VS الخاص بك.
   
2. انتقل إلى الجزء العلوي من الشاشة وحدد ملف .
   
3. الآن ، في القائمة المنسدلة ، انتقل إلى التفضيلات> الإعدادات .
   
4. سترى الآن قسم الاستخدام الشائع مع قائمة على الجانب الأيمن من الشاشة ، يمكنك الوصول إلى الخط من هذه الصفحة أو باتباع الخطوة أدناه.
   
5. أو انقر على محرر النص> الخط وابحث عن الإدخال الافتراضي "editor.fontFamily": "Consolas ".
   
6. ثم ، بدلاً من " Consolas " ، أدخل اسم الخط المفضل لديك.
   

هذا يجب أن يغير عائلة الخط تلقائيًا.

كيفية تغيير حجم الخط في VS Code

حتى لو كان لديك بصر مثالي ، فأنت تريد أن تبقي عينيك مرتاحة قدر الإمكان عند كتابة سطور من التعليمات البرمجية. تمامًا مثل الاختلاف بين الأحرف المتشابهة مهمًا عند اختيار مجموعة خطوط ، فإن حجم الخط مهم لجعل الترميز أسهل للعين ومساعدتك على العمل بكفاءة أكبر.

لا توجد صيغة سحرية لأفضل حجم خط للترميز. من الناحية المثالية ، سترغب في رؤية الشخصيات بوضوح قدر الإمكان ، ولكنك ستريد أيضًا أن يتناسب الخط مع نافذة VS. لذا ، جرب أحجام خطوط مختلفة وابحث عن الخط المثالي الذي يناسب احتياجاتك في البرمجة.

إليك كيفية تغيير حجم الخط في VS Code:

1. انتقل إلى قائمة إعدادات المستخدم (الخطوة رقم 3 في البرنامج التعليمي للخط).
   
2. ابحث عن سطر "editor.fontSize": 15 ، فقد يكون حجم الخط مضبوطًا على شيء مختلف.
   
3. ثم ، بدلاً من 15 ، أدخل حجم الخط المفضل لديك.
   

كيفية تغيير خط المستكشف في رمز VS

تعمل ميزة Explorer في VS Code تمامًا مثل ميزة Explorer في معظم التطبيقات الأخرى. يتم استخدامه لإدارة الملفات والمجلدات وتصفحها وفتحها للعمل في مشروعك. نظرًا لأن VS Code يعتمد على المجلدات والملفات ، فإن Explorer يسهل عليك البدء - فقط افتح الملف / المجلد باستخدام VS Code. إنها بهذه السهولة.

يمكنك أن تتوقع أن تستخدم VS Code Explorer قليلاً. إذا كان حجم خط Explorer لا يناسبك ، فسيسعدك معرفة أنه يمكنك تغييره.

1. انتقل إلى قائمة إعدادات المستخدم مرة أخرى.
   
2. ابحث عن "editor.fontSize": إدخال 14 ، قد يختلف حجم الخط لديك.
   
3. قم بتغيير هذا إلى حجم خط من اختيارك ، يتم استخدام 18 في هذا المثال.
   

كيفية تغيير خط المحطة الطرفية في رمز VS

بدلاً من تبديل النوافذ أو إجراء تغييرات على حالة الجهاز الحالي ، يسمح لك VS Code باستخدام محطة طرفية متكاملة ، توجد في جذر مشروعك / مساحة العمل. بالطبع ، قد ترغب في إجراء تغييرات على الخط هنا لسهولة الاستخدام. إليك كيفية تغيير خط VS Code Terminal:

1. انتقل إلى المجلد الجذر لمشروعك / مساحة العمل.
2. افتح ملف settings.json باستخدام VS Code. بدلاً من ذلك ، في VS Code ، اضغط على Ctrl + Shift + P (بدلاً من Ctrl ، استخدم Command لأجهزة Mac) وابحث عن ملف 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. انتقل إلى مجلد التثبيت الرئيسي لـ VS Code على جهازك.
2. انتقل إلى إدخال 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.
8. يجب أن تحتوي التعليقات الآن على خط جديد.

كيفية تغيير حجم خط الشريط الجانبي في رمز VS

لا يوجد إعداد في VS Code يمكّن المستخدم من تغيير حجم خط الجهاز. ومع ذلك ، يوجد حل بديل ، وهو يتضمن المكون الإضافي Custom CSS و JS Loader.

1. في المكون الإضافي ، انتقل إلى تفاصيل الامتداد واتبع قسم البرنامج التعليمي بعناية.
2. استخدم المنطق التالي:
   "vscode_custom_css.imports": ["[insert custom file URL]"]
3. افعل هذا لكل ملف مخصص.

يجب أن تكون النتيجة شريطًا جانبيًا أفضل بكثير وممتعًا من الناحية الجمالية لـ VS Code.

كيفية تغيير الخط باستخدام أنظمة تشغيل مختلفة

إذا كنت تقوم بالترميز في VS ، فأنت إما تستخدم جهاز كمبيوتر يعمل بنظام Windows أو Mac أو نظام Linux. على الرغم من أن هذه الثلاثة ليست متطابقة من حيث 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. قم باستخراج الملف المضغوط الذي تم تنزيله. قم بتثبيت الملفات المستخرجة. بعد ذلك ، انتقل إلى الأدوات ، متبوعة بالخيارات. في قائمة الخيارات ، حدد بيئة ، ثم انتقل إلى الخطوط والألوان. افتح القائمة المنسدلة للخط وحدد إدخال Hack.

ما الخط الذي يستخدمه المتسللون؟

كقاعدة عامة ، يستخدم كل مبرمج ، بما في ذلك المتسللين ، خطًا يحبه. يعتبر Ray Bluetens ، المعروف أيضًا باسم خطوط Lawn Dart Fonts ، أحد الأمثلة الجيدة على الخط المشهور الذي يُزعم أنه "اختيار القراصنة".

تغيير خيارات الخط في رمز VS

من المؤكد أن التعامل مع خيارات الخطوط في VS Code ليس مباشرًا مثل تغيير الخطوط في برنامج محرر نصوص. ومع ذلك ، بالنظر إلى أننا نتحدث عن برنامج الترميز هنا ، تقدم VS مجموعة متنوعة من الخيارات مقارنة بمنافستها. اتبع الإرشادات الواردة في هذه المقالة واجعل تجربة الترميز الخاصة بك مخصصة وسهلة الاستخدام وسلسة قدر الإمكان.

هل تمكنت من تعديل إعدادات الخط في VS Code؟ هل واجهت أي مشاكل؟ قم بالتمرير لأسفل وتحقق من قسم التعليقات أدناه. إنها تعج بالنصائح الجيدة. لا تمتنع عن طرح سؤال خاص بك أو بدء مناقشة أيضًا. مجتمعنا أكثر من سعيد للمساعدة.