एक डेवलपर के लिए अपने काम के माहौल के महत्व को कम आंकना आसान है। नहीं, हम आपकी कुर्सी, डेस्क और दीवार के रंग की बात नहीं कर रहे हैं। हम आपके आभासी कार्य वातावरण के बारे में बात कर रहे हैं।

अपने विज़ुअल स्टूडियो कोड संपादक को घर जैसा महसूस कराना आपकी कार्यकुशलता के लिए बेहद महत्वपूर्ण है। फ़ॉन्ट समग्र वीएस अनुभव का एक बड़ा हिस्सा शामिल करता है। इस लेख में, हम आपको सिखाएंगे कि वीएस कोड संपादक के विभिन्न भागों में फोंट कैसे संपादित करें।
वीएस कोड में फॉन्ट कैसे बदलें
भले ही आप एक डेवलपर हैं जो लंबे समय से वीएस के साथ काम कर रहे हैं, फिर भी आप इसके फ़ॉन्ट बदलने के विकल्पों के बारे में नहीं जानते होंगे।
यदि आप इस बात की परवाह नहीं करते हैं कि अपना स्वयं का फ़ॉन्ट चुनना क्यों महत्वपूर्ण है, तो सीधे नीचे दिए गए कुछ अनुच्छेदों के ट्यूटोरियल पर जाएं। हालांकि, ध्यान रखें कि आपके फ़ॉन्ट को बदलने के कारण (नीचे उल्लिखित) आपके निर्णय में मदद कर सकते हैं।
वीएस में फोंट इतने महत्वपूर्ण क्यों हैं? ठीक है, अगर सौंदर्यशास्त्र का पहलू आपके लिए पर्याप्त नहीं है (और हम पर भरोसा करें, एक कोड संपादक में घंटों और घंटों बिताए जाने के बाद, यह मायने रखता है), यह वास्तव में कार्यक्षमता के बारे में भी है। तो, वीएस के लिए फ़ॉन्ट "उपयुक्त" क्या बनाता है?
मुख्य रूप से, आप चाहेंगे कि समान वर्णों के बीच का अंतर उल्लेखनीय हो। उदाहरण के लिए, नंबर 1 और लोअरकेस L को आसानी से अलग करने से आपकी कोडिंग में काफी तेजी आ सकती है और आपका समय बच सकता है।
फिर, यह तथ्य है कि कुछ डेवलपर संयुक्ताक्षरों का उपयोग करना पसंद करते हैं। संयुक्ताक्षर एक साथ जुड़े हुए कुछ प्रतीक हैं। इन्हें "ग्लिफ़्स" भी कहा जाता है और कोडिंग करते समय इनका बहुत मतलब हो सकता है।
आगे की हलचल के बिना, वीएस में फ़ॉन्ट परिवार को बदलने का तरीका यहां दिया गया है:
- अपना वीएस संपादक खोलें।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- स्क्रीन के ऊपरी भाग पर नेविगेट करें और फ़ाइल चुनें ।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- अब, ड्रॉप-डाउन मेनू में, Preferences > Settings पर जाएं ।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- अब आपको स्क्रीन के दाईं ओर एक मेनू के साथ सामान्य रूप से उपयोग किया जाने वाला अनुभाग दिखाई देगा , आप इस पृष्ठ से या नीचे दिए गए चरण का अनुसरण करके फ़ॉन्ट तक पहुंच सकते हैं।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- या टेक्स्ट एडिटर> फॉन्ट पर क्लिक करें और डिफ़ॉल्ट प्रविष्टि "editor.fontFamily": "Consolas " देखें ।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- फिर, “ Consolas ” के बजाय , अपने पसंदीदा फ़ॉन्ट का नाम डालें।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
यह स्वचालित रूप से फ़ॉन्ट परिवार को बदल देना चाहिए।
वीएस कोड में फॉन्ट साइज कैसे बदलें
यहां तक कि अगर आपके पास सही दृष्टि है, तो आप कोड की पंक्तियां लिखते समय अपनी आंखों को यथासंभव आरामदायक रखना चाहेंगे। जैसे फॉन्ट परिवार चुनते समय समान वर्णों के बीच विसंगति महत्वपूर्ण होती है, आंखों पर कोडिंग को आसान बनाने और आपको अधिक कुशलता से काम करने में मदद करने के लिए फॉन्ट आकार महत्वपूर्ण होता है।
कोडिंग के लिए सर्वोत्तम फ़ॉन्ट आकार के लिए कोई जादुई सूत्र नहीं है। आदर्श रूप से, आप वर्णों को यथासंभव स्पष्ट रूप से देखना चाहेंगे, लेकिन आप यह भी चाहेंगे कि रेखा VS विंडो में फिट हो। इसलिए, अलग-अलग फ़ॉन्ट आकारों को आज़माएं और अपनी कोडिंग आवश्यकताओं के अनुरूप सही फ़ॉन्ट ढूंढें।
वीएस कोड में फ़ॉन्ट आकार बदलने का तरीका यहां दिया गया है:
- उपयोगकर्ता सेटिंग्स मेनू (फ़ॉन्ट ट्यूटोरियल में चरण संख्या 3) पर नेविगेट करें ।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- "editor.fontSize" के लिए देखें : 15 लाइन, आपका फ़ॉन्ट आकार कुछ अलग हो सकता है।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- फिर, 15 के बजाय , अपना पसंदीदा फ़ॉन्ट आकार दर्ज करें।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
वीएस कोड में एक्सप्लोरर का फॉन्ट कैसे बदलें
वीएस कोड में एक्सप्लोरर फीचर ज्यादातर अन्य ऐप्स में एक्सप्लोरर फीचर की तरह ही काम करता है। इसका उपयोग आपके प्रोजेक्ट पर काम करने के लिए फ़ाइलों और फ़ोल्डरों को प्रबंधित करने, ब्राउज़ करने और खोलने के लिए किया जाता है। चूंकि वीएस कोड फ़ोल्डरों और फाइलों पर आधारित है, इसलिए एक्सप्लोरर आपके लिए आरंभ करना आसान बनाता है - बस वीएस कोड का उपयोग करके फ़ाइल/फ़ोल्डर खोलें। यह इतना सरल है।
आप वीएस कोड एक्सप्लोरर का काफी हद तक उपयोग करने की उम्मीद कर सकते हैं। यदि एक्सप्लोरर का फ़ॉन्ट आकार आपको सूट नहीं करता है, तो आपको यह जानकर खुशी होगी कि आप इसे बदल सकते हैं।
- यूजर सेटिंग्स मेन्यू में फिर से जाएं ।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- "editor.fontSize" खोजें : 14 प्रविष्टि, आपका फ़ॉन्ट आकार भिन्न हो सकता है।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- इसे अपनी पसंद के फ़ॉन्ट आकार में बदलें, इस उदाहरण में 18 का उपयोग किया गया है।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
वीएस कोड में टर्मिनल फॉन्ट कैसे बदलें
विंडोज़ स्विच करने या मौजूदा टर्मिनल की स्थिति में परिवर्तन करने के बजाय, वीएस कोड आपको एक एकीकृत टर्मिनल का उपयोग करने की अनुमति देता है, जो आपके प्रोजेक्ट/वर्कस्पेस के रूट पर पाया जाता है। बेशक, उपयोग में आसानी के लिए आप यहां फ़ॉन्ट में बदलाव करना चाह सकते हैं। वीएस कोड टर्मिनल फ़ॉन्ट को बदलने के बारे में यहां बताया गया है:
- अपने प्रोजेक्ट/वर्कस्पेस के रूट फ़ोल्डर में नेविगेट करें।
- VS कोड का उपयोग करके settings.json फ़ाइल खोलें । वैकल्पिक रूप से, VS कोड में, Ctrl + Shift + P दबाएं ( Ctrl के बजाय , Mac उपकरणों के लिए कमांड का उपयोग करें) और settings.json फ़ाइल ढूंढें।
![वीएस कोड - फ़ॉन्ट कैसे बदलें वीएस कोड - फ़ॉन्ट कैसे बदलें]()
- संबंधित तीन पंक्तियों को इसमें बदलें:
ध्यान दें कि D2Coding एक उदाहरण है। आप अपनी पसंद का कोई अन्य फ़ॉन्ट भी चुन सकते हैं।
“terminal.external.osxExec”: “iTerm.app”,
“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
- समाप्त होने पर सेटिंग्स को सहेजें।
टर्मिनल फ़ॉन्ट आकार बदलने के लिए, "टर्मिनल.इंटीग्रेटेड.फॉन्टसाइज़" पर नेविगेट करें: प्रविष्टि और इसे अपनी पसंद के अनुसार सेट करें।
वीएस कोड में टिप्पणियों के लिए फ़ॉन्ट कैसे बदलें
कोड टिप्पणी प्रविष्टियाँ, डिफ़ॉल्ट रूप से, शेष कोड के समान फ़ॉन्ट में होती हैं। इसे बदलने से वे बाहर खड़े हो जाते हैं, जो अक्सर बर्बाद होने वाले काम के घंटों को रोक सकते हैं (एक टिप्पणी को याद करना आसान है जब यह उसी फ़ॉन्ट में है जो वीएस में बाकी सब कुछ है)। इस तरह की बात जितनी सरल लग सकती है, समाधान आपकी अपेक्षा से थोड़ा अधिक जटिल है। इसके अलावा, परिणाम आदर्श नहीं हो सकते हैं, क्योंकि इससे संरेखण संबंधी कुछ समस्याएं हो सकती हैं। फिर भी, कोशिश करने में कोई हर्ज नहीं है:
- अपने डिवाइस पर वीएस कोड के रूट इंस्टॉलेशन फ़ोल्डर में जाएं।
- टर्मिनल में touch style.css प्रविष्टि पर नेविगेट करें । यह एक स्टाइलशीट बनाएगा।
- अब, फ़ॉन्ट नियम जोड़ने का समय आ गया है। यहाँ एक शैली का उदाहरण दिया गया है:
.mtk3 {
font-family: "iosevka";
font-size: 1em;
font-style: italic;
}
- सेटिंग खोलें । json और इस प्रविष्टि को जोड़ें:
"vscode_custom_css.imports":
"file:///Users/username/.vscode/style.css"],
- अब, कस्टम CSS और JS लोडर प्लगइन डाउनलोड करें।
- एक बार इंस्टॉल हो जाने के बाद, Ctrl + Shift + P कमांड का उपयोग करें और सुनिश्चित करें कि प्लगइन सक्षम है।
- वीएस कोड को पुनरारंभ करें।
- टिप्पणियों में अब एक नया फॉन्ट होना चाहिए।
वीएस कोड में साइडबार फ़ॉन्ट आकार कैसे बदलें
वीएस कोड में कोई सेटिंग नहीं है जो उपयोगकर्ता को टर्मिनल के फ़ॉन्ट आकार को बदलने में सक्षम बनाती है। हालाँकि, एक समाधान मौजूद है, और इसमें उल्लिखित कस्टम CSS और JS लोडर प्लगइन शामिल है।
- प्लगइन में, एक्सटेंशन विवरण पर नेविगेट करें और ट्यूटोरियल अनुभाग का ध्यानपूर्वक पालन करें।
- निम्नलिखित तर्क का प्रयोग करें:
"vscode_custom_css.imports": ["[insert custom file URL]"]
- प्रत्येक कस्टम फ़ाइल के लिए ऐसा करें।
परिणाम एक बेहतर और सौंदर्यपूर्ण रूप से सुखद वीएस कोड साइडबार के लिए बनाना चाहिए।
विभिन्न ऑपरेटिंग सिस्टम का उपयोग करके फ़ॉन्ट कैसे बदलें I
यदि आप वीएस में कोडिंग कर रहे हैं, तो आप या तो विंडोज कंप्यूटर, मैक या लिनक्स सिस्टम का उपयोग कर रहे हैं। हालाँकि ये तीनों VS के संदर्भ में समान नहीं हैं, लेकिन अंतर ज्यादातर Ctrl / Cmd कुंजी विकल्प और VS कोड फ़ाइलों के डिफ़ॉल्ट स्थानों पर उबालते हैं। इसलिए, वीएस कोड में फ़ॉन्ट बदलने का सिद्धांत लगभग सभी उपकरणों में समान रहता है।
अतिरिक्त अक्सर पूछे जाने वाले प्रश्न
मैं वीएस कोड में फ़ॉन्ट क्यों नहीं बदल सकता?
वीएस कोड में आप कई गलतियां कर सकते हैं, और फॉन्ट बदलना एमएस वर्ड में ऐसा करने जितना सीधा नहीं है। जैसा कि आप वास्तविक वीएस कोड फ़ॉन्ट को बदलने के लिए बहुत सी कोडिंग का उपयोग करेंगे, आपको लोगों द्वारा किए जाने वाले सबसे आम निरीक्षण के बारे में पता होना चाहिए। सुनिश्चित करें कि प्रत्येक प्रविष्टि उद्धरण चिह्नों से घिरी हुई है। उदाहरण के लिए, "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"] , तब तक काम नहीं करेगा जब तक आप उद्धरण चिह्नों का उपयोग नहीं करते। इसके अतिरिक्त, सुनिश्चित करें कि आप आदेशों के बीच रिक्त स्थान का उपयोग करते हैं।
वीएस कोड में कोड के लिए किस फॉन्ट का उपयोग किया जाता है?
डिफ़ॉल्ट रूप से, वीएस कोड में कोडिंग के लिए इस्तेमाल किया जाने वाला फ़ॉन्ट कंसोलस है। यदि आप इस गाइड का पालन करते हैं, तो आप वीएस कोड में अधिकांश फोंट बदल सकते हैं, चाहे हम कोड के बारे में ही बात कर रहे हों, टर्मिनल, टिप्पणियों या एक्सप्लोरर सुविधा के बारे में।
हालाँकि, यदि आप वीएस कोड की आधिकारिक वेबसाइट छवियों पर पाए जाने वाले फ़ॉन्ट के बारे में बात कर रहे हैं, तो कोई भी आपको यह नहीं बता सकता है कि किसका उपयोग किया गया था। जब तक वीएस कोड डेवलपर्स स्पष्ट रूप से प्रकट नहीं करते कि किस फ़ॉन्ट का उपयोग किया गया था, तब तक पता लगाने का कोई तरीका नहीं है।
मैं वीएस कोड फ़ॉन्ट कैसे हैक करूं?
मूल रूप से, हैक करने का मतलब संशोधित करना था, लेकिन, यदि इसका मतलब है कि वीएस में हैक फ़ॉन्ट जोड़ना है, तो आप इसे हैक की वेबसाइट के माध्यम से जोड़ सकते हैं । हैक से ट्रू टाइप फ़ॉन्ट डाउनलोड करें। डाउनलोड की गई ज़िप फ़ाइल को निकालें। निकाली गई फ़ाइलें स्थापित करें। फिर, टूल्स पर जाएं, उसके बाद विकल्प। विकल्प मेनू में, पर्यावरण का चयन करें और फिर फ़ॉन्ट्स और रंगों पर नेविगेट करें। फ़ॉन्ट ड्रॉपडाउन मेनू खोलें और हैक प्रविष्टि का चयन करें।
हैकर्स किस फॉन्ट का इस्तेमाल करते हैं?
अंगूठे के नियम के रूप में, हैकर्स सहित प्रत्येक कोडर, अपने पसंद के फ़ॉन्ट का उपयोग करता है। एक लोकप्रिय फ़ॉन्ट का एक अच्छा उदाहरण जो कथित तौर पर "हैकर की पसंद" है, रे ब्लूटेन्स होगा, जिसे लॉन डार्ट फ़ॉन्ट्स भी कहा जाता है।
वीएस कोड में फ़ॉन्ट विकल्प बदलना
वीएस कोड में फ़ॉन्ट विकल्पों से निपटना निश्चित रूप से उतना सीधा नहीं है जितना कि टेक्स्ट एडिटर प्रोग्राम में फोंट बदलना। हालाँकि, हम यहाँ कोडिंग सॉफ़्टवेयर के बारे में बात कर रहे हैं, VS अपनी प्रतिस्पर्धा की तुलना में कई प्रकार के विकल्प प्रदान करता है। इस आलेख में दिए गए निर्देशों का पालन करें और अपने कोडिंग अनुभव को वैयक्तिकृत, उपयोगकर्ता के अनुकूल और जितना संभव हो उतना सहज बनाएं।
क्या आपने वीएस कोड में अपनी फ़ॉन्ट सेटिंग्स को संपादित करने का प्रबंधन किया था? क्या आपको कोई समस्या हुई? नीचे स्क्रॉल करें और नीचे हमारा टिप्पणी अनुभाग देखें। यह अच्छी सलाह से भरा हुआ है। अपने स्वयं के प्रश्न पूछने या चर्चा शुरू करने से परहेज न करें। हमारा समुदाय मदद करने से ज्यादा खुश है।