जेएसएक्स कोड को जेएससी कोड में वीएसकोड में कैसे टिप्पणी करें?

Question

वेबस्टॉर्म के विपरीत, मैं JSX कोड .jsको विज़ुअल स्टूडियो कोड की फाइलों में टिप्पणी करने में असमर्थ हूं ।

Comments

क्या आप शॉर्टकट की तलाश कर रहे हैं या बस इसे कैसे करना है?

— erichardson30

@ erichardson30 मैं जानना चाहता हूं कि यह कैसे करना है! शॉर्टकट टिप्पणियां "//" करके कोड निकालती हैं, लेकिन जाहिर है कि यह काम करने वाला नहीं है। मैं इसके बजाय "/ * * /" करना चाहूंगा।

— YH Eng

यह एक संबंधित है: stackoverflow.com/q/49121821/823321

— sɔunıɔ

Answer 1

आप JSX पर {/ ** /} टिप्पणी कर सकते हैं

उदाहरण :

render() {
  return (
    <div>
      <Component1 />
      {/* <Component2 /> */}
    </div>
  )
}

और फिर Component2 पर टिप्पणी की जाएगी

Comments

हाँ, लेकिन क्या ऐसा करने का कोई तरीका शॉर्टकट Cdd + / शॉर्टकट के माध्यम से है?

— YH Eng

मैं चारों ओर खोज रहा हूं और कुछ भी नहीं देख रहा हूं .... मैं आपको

— बता दूंगा

github.com/Microsoft/vscode/issues/6461 यह वही है जो मैं इस समस्या के बारे में खोजने में कामयाब रहा

— YH Eng

हाँ ... यह एक जारी मुद्दा लगता है?

— erichardson30

Answer 2

सभी प्लगइन्स को अक्षम करने का प्रयास करें, क्योंकि वे संपादक के व्यवहार को बदल सकते हैं। उदाहरण के लिए, बबल ES6 / ES7 प्लगइन का उपयोग करें , इसके बजाय संपादक टिप्पणियाँ .jsxवाक्यविन्यास करता है । आप इस मुद्दे को यहाँ देखें ।//{/*

Comments

मुझे लगता है कि यह समस्या थी, जहाँ JSX में टिप्पणी करने वाले VS कोड ने {/* */}कई हफ्तों तक आवेदन किया , लेकिन फिर इसने काम करना बंद कर दिया। मैंने कल Babel ES6 / ES7 स्थापित किया था, इसलिए मैंने इसे अनइंस्टॉल करने की कोशिश की, और यह सामान्य नहीं है। कोई मदद?

— जोनाथन तुजमैन

Answer 3

Babel JavaScriptVS कोड में खोजें :

https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel

स्थापित करें और के command + /साथ jsx टिप्पणी करेंगे{ /* */ }

Answer 4

में Visual Studio codeहिट Cmd + /आप मैक या स्थान पर चल रहे हैं

{/* Your Code */}

धन्यवाद।

Comments

ठीक काम करना +1।

— तृप्ति

काम नहीं करता है, हम क्या याद कर रहे हैं? मैंने सभी प्लगइन्स को भी अक्षम कर दिया है।

— जॉर्डन

Answer 5

कीबोर्ड कमांड ...

Ctrl + / - विंडोज और लिनक्स
Cmd + / - मैकओएस

... अब सिंगल लाइन और ब्लॉक कोड को जोड़कर अपेक्षित रूप से काम करें {/* */} चयनित लाइनों के आसपास ।

यह विजुअल स्टूडियो कोड के हाल के अंदरूनी सूत्रों में तय किया गया है और इसे अगले पूर्ण रिलीज में बना देगा।

Comments

एक ही कीबोर्ड शॉर्टकट एटम में भी काम करता है (शायद विजुअल स्टूडियो कोड और एटम दोनों इलेक्ट्रॉन पर निर्मित नहीं हैं)।

— ग्रेग के

VS CODE में काम करने के लिए इसे प्राप्त नहीं कर सकते। क्या आप किसी भी प्लगइन का उपयोग कर रहे हैं जो इसे बाहर करने में मदद करता है

— जॉर्डन

वीएस कोड के सबसे हालिया सामान्य रिलीज पर किसी भी प्लगइन्स के बिना मेरे लिए काम करता है।

— 22

Answer 6

{/ * यह काम करता है, लेकिन केवल एक लाइन * /}

Comments

आपका उत्तर पहले से ही चिह्नित उत्तर से अलग नहीं है।

— HDJEMAI

इस वाक्यविन्यास का उपयोग करते हुए मल्टी-लाइन टिप्पणियां मेरे लिए ठीक काम करती हैं ( {/*केवल पहली पंक्ति पर, और */}केवल अंतिम पंक्ति पर)।

— जॉन श्नाइडर

निश्चित रूप से बहुस्तरीय टिप्पणी का समर्थन करता है

— चार्ल्स वाटसन

Answer 7

जब तक मैंने फ़ाइल भाषा को टाइपस्क्रिप्ट रिएक्ट (टाइपस्क्रिप्ट) में परिवर्तित नहीं किया, तब तक मेरे पास एक ही मुद्दा था।

यदि आप इसे .js फ़ाइलों के लिए भाषा के रूप में कॉन्फ़िगर करना चाहते हैं, तो इसे अपनी सेटिंग में जोड़ें। Json (या तो विश्व स्तर पर, या प्रोजेक्ट-स्तर पर / .vscode/settings.json में)।

"files.associations": {
    "*.js": "typescriptreact"
  }

Answer 8

यदि आप JSX सिंटैक्स ब्लॉक पर टिप्पणी करना चाहते हैं, तो आप ऐसा कर सकते हैं

{
  /* <section>
     <header><h3>Contact Form</h3></header>
     <figure>
       <Form />
     </figure>
   </section> */
}

Answer 9

यह भी काम करता है

{
  //this.props.user.profileImage
  //? <img
  //    src={ this.props.user.profileImage }!
  //    alt=""
  //  />
  //: <FontAwesome name='smile-o' />
}

Answer 10

वर्तमान में विजुअल स्टूडियो कोड में इसे कॉम्बिनेशन - Shift + Alt + A दबाकर किया जा सकता है और "jsx" कोड जो इसे प्रोड्यूस करता है - {/ ** /} कमेंट्स।

Answer 11

अगर हम cmd + /डिफॉल्ट बनाम कोड से प्रेस करते हैं तो सिंगल लाइन कमेंट्स करेंगे जो JSX के लिए लागू नहीं किए जा सकते। बस नीचे दिए गए कोड एक्सटेंशन को स्थापित करें यह ठीक होगा।

vscode- भाषा-बेबेल

Answer 12

प्रतिक्रिया में "{}" हमें जावास्क्रिप्ट एक्सप्रेशन का उपयोग करने की अनुमति देता है, इसलिए हम जावास्क्रिप्ट में हमारे द्वारा किए जाने वाले तरीके के बारे में टिप्पणी कर सकते हैं।

उदाहरण:

{/* multi 
line 
comment 
*/}

{// single line comment
}

Answer 13

मैंने इस समस्या पर कुछ घंटे बिताए, और मैंने पाया सबसे आसान समाधान निम्नलिखित है: हाँ समस्या बैबल ES6 / ES7 एक्सटेंशन की स्थापना के साथ आ रही है, और जब आप इसे अनइंस्टॉल या निष्क्रिय करते हैं, तो VScode यह सामान्य व्यवहार है: Ctrl + / => //JS, JSX, ... फ़ाइलों के लिए चयनित लाइन या ब्लॉक के लिए टिप्पणी टॉगल करें; Shift + Alt + A => <!-- --> HTML फ़ाइलों के बीच चयनित लाइन या ब्लॉक के लिए ब्लॉक टिप्पणी टॉगल करें/* */ , जेएस एक्सप्रेशन के बीच और बीच{/* */}JSX फ़ाइलों में मार्कअप टैग्स के लिए रेंडर / रिटर्न ... इसलिए यदि आप बैबल ES6 / ES7 एक्सटेंशन को सक्रिय रखना चाहते हैं और अभी भी इस तरह का व्यवहार है: आप फ़ाइल keybindings.json (फाइल में अपने खुद के शॉर्टकट कुंजी बंधन संयोजन को पैरामीटर कर सकते हैं) / प्राथमिकताएँ / कीबोर्ड शॉर्टकट (या Ctrl + K + S) और फिर खुले कीबोर्ड शॉर्टकट चुनने के लिए शीर्ष दाईं ओर स्थित छोटी फ़ाइल आइकन पर क्लिक करें जो कीबाइंडिंग्स खोल देता है ।json) जहाँ आप VScode बिल्ड-इन कमांड "Editor.action.serSnippet" का उपयोग करते हैं निम्नलिखित के रूप में:

[
    {
    "key": "shift+alt+a",
    "command": "editor.action.insertSnippet",
    "args": {
        "snippet": "{/*\n ${TM_SELECTED_TEXT} \n*/}$0"
    },
    "when": "editorLangId == 'javascript' && editorTextFocus && !editorReadonly"
    }
]

उन जगहों पर रखें /nजहाँ आप लाइनों को तोड़ने के लिए, और $0कर्सर के अंतिम स्थान के लिए अभिव्यक्ति में चाहते हैं । फिर सहेजें, और यह सीधे काम कर रहा है :) केवल JS और JSX फ़ाइलों में। यदि आप किसी अन्य भाषा को निर्दिष्ट करना चाहते हैं, तो इस VScode भाषा पहचानकर्ता सूची में से जो आप चाहते हैं, उसके द्वारा अभिव्यक्ति 'javascript'में प्रतिस्थापित करें"when" : https://code.visualstudio.com/docs / भाषाएँ / पहचानकर्ता # \ _- भाषा-पहचानकर्ता और निश्चित रूप से यदि आप एक और स्निपेट व्यवहार चाहते हैं: अभिव्यक्ति {/*में आप जो चाहते हैं, बस उसे बदलें "args"।

Answer 14

लिनक्स के लिए, एक लाइन के लिए, Ctrl+ का उपयोग करें /।

और मल्टीलाइन के लिए, VSCode में स्निपेट का चयन करें बस हिट Ctrl+ Shift+ A।

यह काम करता हैं। हैप्पी कोडिंग

Answer 15

=> चयनित सिंगल लाइन या कोड की बहु-लाइनों पर टिप्पणी करने के लिए:

के लिए विंडोज या लिनक्स मशीन कोड और उपयोग का चयन करें:

1. Ctrl + / टिप्पणी पैटर्न पाने के लिए //
2. Ctrl + Shift + A टिप्पणी पैटर्न पाने के लिए {/ * * /}

के लिए मैक मशीन कोड और उपयोग का चयन करें:

1. Cmd + / टिप्पणी पैटर्न पाने के लिए //
2. Cmd + Shift + A टिप्पणी पैटर्न पाने के लिए {/ * * /}

=> कोड की टिप्पणी की गई लाइन (एस) को अनफॉलो करने के लिए: बस उस चरण को दोहराएं, जिसका उपयोग आपने टिप्पणी के लिए किया था।

Answer 16

मैं SUBLIME BABEL JOSH PENG की स्थापना रद्द करता हूं और यह काम करता है

Befor: //

उपरांत:

{/ * * /}

प्रतिक्रिया जावास्क्रिप्ट के साथ और यह काम :-)

Answer 17

जाहिरा तौर पर बनाम कोड स्वचालित रूप से ctrl + /या cmd + /jsx पर टिप्पणियों का उपयोग नहीं करता है इसलिए हमें {/ * पाठ यहाँ लिखना होगा * / / मैन्युअल रूप से

EDIT: बनाम कोड से बेबेल एक्सटेंशन को अनइंस्टॉल करें और jsx कमेंट्स शुरू होंगे ctrl + /याcmd + /