दृश्य स्टूडियो कोड में व्हॉट्सएप वर्ण दिखाएं

Question

क्या दृश्य स्टूडियो कोड में स्पेस कैरेक्टर की तरह व्हॉट्सएप कैरेक्टर दिखाना संभव है?

इसमें settings.json(हालांकि यह Atom.io में एक विकल्प है ) इसके लिए एक विकल्प प्रतीत नहीं होता है, और मैं CSS का उपयोग करके व्हाट्सएप वर्ण प्रदर्शित करने में सक्षम नहीं हूं।

Answer 1

वीएस कोड 1.6.0 और ग्रेटर

जैसा कि नीचे aloisdg द्वारा उल्लेख किया गया है , editor.renderWhitespaceअब एक या तो लेने वाली एक एनुम है none, boundaryया all। सभी व्हाट्सएप को देखने के लिए:

"editor.renderWhitespace": "all", 

वीएस कोड 1.6.0 से पहले

1.6.0 से पहले, आपको निम्न पर सेट editor.renderWhitespaceकरना होगा true:

"editor.renderWhitespace": true

Comments

क्या केवल चयनित पात्रों के लिए ऐसा करने का एक तरीका है, जैसे कि उदात्त का "draw_white_space": "selection"विकल्प?

— noio

@noio अभी तक नहीं है, लेकिन यह अपने रास्ते पर है GitHub

— रेवो

लेकिन यह केवल लाइनों की शुरुआत और अंत में व्हॉट्सएप दिखाता है?

— drzaus

@drzaus, "editor.renderWhitespace": "boundary"लाइनों की शुरुआत और अंत "deitor.renderWhitespace": "all"होगा, जहां सभी व्हाट्सएप दिखाएंगे। @AlexanderGonchiy, मैंने फ़ाइल> प्राथमिकताएँ> उपयोगकर्ता सेटिंग्स (या कार्यक्षेत्र सेटिंग) खोलना और डिफ़ॉल्ट सेटिंग्स फ़ोल्डर में 'ढूंढना' का उपयोग करना उपयोगी पाया है कि मुझे क्या चाहिए।

— जैकशेंस

फ़ाइल -> वरीयताएँ -> सेटिंग्स। Wh व्हॉट्सएप ’की खोज करें। 'एडिटर: रेंडर व्हॉट्सएप' के तहत आपकी नई सेटिंग को चुनने के लिए ड्रॉपडाउन है। (v1.13.2)

— क्राइस

Answer 2

यह मुख्य मेनू के माध्यम से भी किया जा सकता है View -> Render Whitespace

Comments

V में 1.36.xView -> Render Whitespace

— rmsys

यह मेरे लिए रिक्त स्थान के लिए काम नहीं करता है।

— इयान स्मिथ

Answer 3

अद्यतन (जून 2019)

एक कीबोर्ड शॉर्टकट का उपयोग करके व्हाट्सएप पात्रों को टॉगल करने के इच्छुक लोगों के लिए , आप आसानी से इसके लिए कीबाइंडिंग जोड़ सकते हैं ।

विजुअल स्टूडियो कोड के नवीनतम संस्करणों में अब सभी उपलब्ध कीबोर्ड शॉर्टकट देखने और संपादित करने के लिए एक उपयोगकर्ता के अनुकूल ग्राफिकल इंटरफ़ेस (यानी JSON डेटा टाइप करने की कोई आवश्यकता नहीं) है। यह अभी भी जारी है

फ़ाइल> प्राथमिकताएँ> कीबोर्ड शॉर्टकट (या उपयोग Ctrl+ K Ctrl+ S)

वांछित कीबाइंडिंग को जल्दी से ढूंढने (और फ़िल्टर करने) में मदद के लिए एक खोज क्षेत्र भी है। इसलिए अब दोनों नए जोड़ने और मौजूदा कीबाइंडिंग को संपादित करना बहुत आसान है:

टॉगल करने वाले व्हाट्सएप वर्णों में कोई डिफ़ॉल्ट कीबाइंडिंग नहीं है इसलिए किसी एक को जोड़ने के लिए स्वतंत्र महसूस करें। +संबंधित लाइन के बाईं ओर साइन दबाएं (या प्रेस करें Enter, या उस लाइन पर कहीं भी डबल क्लिक करें) और पॉप-अप विंडो में वांछित संयोजन दर्ज करें।

और यदि आपके द्वारा चुनी गई कीबाइंडिंग पहले से ही कुछ अन्य क्रियाओं के लिए उपयोग की जाती है, तो एक सुविधाजनक चेतावनी होगी, जिस पर आप क्लिक कर सकते हैं और देख सकते हैं कि आपके चुने हुए कीबाइंडिंग का उपयोग पहले से ही किस क्रिया के लिए किया गया है:

जैसा कि आप देख सकते हैं, सब कुछ बहुत सहज और सुविधाजनक है।
अच्छी नौकरी, Microsoft!

---

मूल (पुराना) उत्तर

कीबोर्ड शॉर्टकट का उपयोग करके व्हॉट्सएप वर्णों को टॉगल करने के इच्छुक लोगों के लिए , आप keybindings.json फ़ाइल ( फ़ाइल> प्राथमिकताएँ> कीबोर्ड शॉर्टकट ) में एक कस्टम बाइंडिंग जोड़ सकते हैं ।

उदाहरण :

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "ctrl+shift+i",
        "command": "editor.action.toggleRenderWhitespace"
    }
]

यहाँ मैं का एक संयोजन सौंपा है Ctrl+ Shift+ iअदृश्य पात्रों टॉगल करने के लिए, आप निश्चित रूप से एक और संयोजन चुन सकते हैं।

Comments

मेरा विज़ुअल स्टूडियो ctrl+e ctrl+sडिफ़ॉल्ट रूप से उपयोग करता है। इस तरह कॉम्बो शॉर्टकट के लिए आपको कॉमा नहीं, बल्कि दो संयोजनों के बीच एक स्थान रखना होगा।

— t3chb0t

Answer 4

दृश्य स्टूडियो कोड में व्हॉट्सएप वर्ण दिखाएं

निम्नलिखित कोड जोड़कर सेटिंग बदलें।

// Place your settings in this file to overwrite default and user settings.
{
    "editor.renderWhitespace": "all"
}

सिर्फ इस तरह!
(पुनश्च: कोई "सच" विकल्प नहीं है!, यहां तक ​​कि यह भी काम करता है।)

Comments

"Editor.renderWhitespace": "all"

— xgqfrms

Answer 5

बस उन परिवर्तनों को प्रदर्शित editor.renderWhitespace : none||boundary||allकरने के लिए जो आपके VSCode को करेंगे मैंने यह स्क्रीनशॉट जोड़ा है
:।

कहाँ Tabहैं →और Spaceहैं.

Comments

PS रंग स्कीमा परिवर्तन का हिस्सा नहीं है (मेरे पास इसके लिए एक अतिरिक्त प्लगइन है)

— ज़ैक एस

प्लगिन यहां पाया जा सकता है: marketplace.visualstudio.com/…

— Zack S

Answer 6

यह booleanअब और नहीं है। उन्होंने ए में स्विच किया enum। अब हम के बीच चयन कर सकते हैं: none, boundary, और all।

// Controls how the editor should render whitespace characters,
// posibilties are 'none', 'boundary', and 'all'.
// The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

आप GitHub पर मूल अंतर देख सकते हैं ।

Comments

केवल अनुगामी लोगों को दिखाने के लिए Trailing Spaces नामक एक्सटेंशन को स्थापित करना भी संभव है।

— स्टीफन

Answer 7

* अद्यतन फरवरी 2020 रिलीज * देखें https://github.com/microsoft/vscode/issues/90386

V1.43 में डिफ़ॉल्ट मान में बदल जाएंगीselection से noneके रूप में यह v1.42 में था।

"editor.renderWhitespace": "selection"  // default in v1.43

---

V1.37 के लिए अपडेट करें: केवल चयनित पाठ के भीतर व्हॉट्सएप रेंडर करने के विकल्प को जोड़ना। V1.37 रिलीज नोट देखें, व्हॉट्सएप रेंडर करें ।

editor.renderWhitespaceसेटिंग अब एक का समर्थन करता है selectionविकल्प। इस विकल्प के सेट के साथ, व्हाट्सएप केवल चयनित पाठ पर दिखाया जाएगा:

"editor.renderWhitespace": "selection"

तथा

"workbench.colorCustomizations": {    
  "editorWhitespace.foreground": "#fbff00"
}

---

Comments

यह रंग परिवर्तन बहुत बढ़िया है, धन्यवाद।

— इयान स्मिथ

यदि आप इसे थोड़ा कम प्रस्तुत करना चाहते हैं, तो कोड बनाम अल्फा चैनल भी स्वीकार करता है, इसलिए # fbff0040 भी डॉट्स को अधिक पारदर्शी बनाने के लिए मान्य होगा

— राहत

Answer 8

झूठ को git diffसेट diffEditor.ignoreTrimWhitespaceकरने के लिए व्हॉट्सएप को प्रदर्शित करने के लिए अंतर प्राप्त करने के लिए। edit.renderWhitespaceकेवल मामूली मददगार है।

// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,

अपडेट करने के लिए सेटिंग्स पर जाएं

फ़ाइल> प्राथमिकताएँ> उपयोगकर्ता सेटिंग्स

मैक उपयोगकर्ताओं के लिए ध्यान दें: वरीयताएँ मेनू कोड नहीं फ़ाइल के अंतर्गत है। उदाहरण के लिए, कोड> वरीयताएँ> उपयोगकर्ता सेटिंग्स।

यह "डिफ़ॉल्ट सेटिंग्स" नामक एक फ़ाइल को खोलता है। क्षेत्र का विस्तार करें //Editor। अब आप देख सकते हैं कि ये सभी रहस्यमय editor.*सेटिंग्स कहाँ स्थित हैं। के लिए खोज (CTRL + F) करें renderWhitespace। मेरे बॉक्स में मेरे पास है:

// Controls how the editor should render whitespace characters, posibilties are 'none', 'boundary', and 'all'. The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

भ्रम में जोड़ने के लिए, बाईं विंडो "डिफ़ॉल्ट सेटिंग्स" संपादन योग्य नहीं है। आपको "settings.json" शीर्षक वाली सही विंडो का उपयोग करके उन्हें ओवरराइड करना होगा । आप पेस्ट सेटिंग्स को "डिफ़ॉल्ट सेटिंग्स" से "settings.json" में कॉपी कर सकते हैं:

// Place your settings in this file to overwrite default and user settings.
{
     "editor.renderWhitespace": "all",
     "diffEditor.ignoreTrimWhitespace": false
}

मैं चुप हो गया renderWhitespace।

Answer 9

व्हॉट्सएप को दृश्यमान बनाने का विकल्प दृश्य मेनू पर एक विकल्प के रूप में दिखाई देता है, विजुअल स्टूडियो कोड के संस्करण 1.15.1 में "टॉगल रेंडर व्हॉट्सस्पेस" के रूप में।

Answer 10

एफ 1 बटन को हिट करें, फिर "टॉगल रेंडर व्हाट्सएप" टाइप करें या इसके कुछ हिस्सों को आप याद कर सकते हैं :)

मैं vscode संस्करण 1.22.2 का उपयोग करता हूं, इसलिए यह एक ऐसी विशेषता हो सकती है जो 2015 में वापस मौजूद नहीं थी।

Comments

यह काम! लेकिन यह केवल 'सभी' और 'कोई नहीं' के बीच टॉगल करता है, 'सीमा' विकल्प को छोड़ देता है।

— डिएगोडीडी

Answer 11

1. उपयोगकर्ता प्राथमिकताएं खोलें। कीबोर्ड शॉर्टकट: CTR + SHIFT + P-> प्राथमिकताएं: उपयोगकर्ता सेटिंग्स खोलें;

2. खोज क्षेत्र व्हाट्सएप में डालें , और सभी मापदंडों का चयन करें

Comments

इसके अलावा, वीएस कोड 1.45 (ओएसएक्स पर) के लिए, डिफ़ॉल्ट "चयन" था।

— शेन