2016-07-20 14 views
28

Im Gegensatz zu Webstorm kann ich den jsx-Code in .js-Dateien in Visual Studio Code nicht kommentieren. Irgendeine Hilfe?Wie Sie jsx-Code in .js-Dateien in VSCode kommentieren?

Danke!

+0

Suchen Sie eine Verknüpfung oder, wie es zu tun? – erichardson30

+0

@ erichardson30 Ich würde gerne wissen, wie es geht! Die Abkürzung kommt mit "//" aus, aber das wird natürlich nicht funktionieren. Ich möchte es stattdessen "/ * * /" tun. –

Antwort

49

Sie können JSX auf Kommentar von {/ ** /}

Beispiel:

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

und dann würde Component2

+1

Ja, aber gibt es eine Möglichkeit, dies über die Verknüpfung Cmd +/Verknüpfung zu tun? –

+0

Ich habe herumgesucht und sehe nichts .... Ich werde Sie wissen lassen, wenn ich auf etwas für eine Abkürzung stolpere – erichardson30

+1

https://github.com/Microsoft/vscode/issues/6461 Das ist was Ich habe es geschafft, in Bezug auf das Problem zu finden –

5

{/ * kommentiert werden dies funktioniert, sondern nur einzelne Zeile * /}

+1

Ihre Antwort unterscheidet sich nicht von der bereits gut markierten Antwort. – HDJEMAI

+1

Mehrzeilige Kommentare, die diese Syntax verwenden, funktionieren gut für mich (mit den '{/ *' nur in der ersten Zeile und '* /}' nur in der letzten Zeile). –

3

Ctrl + / funktioniert jetzt wie erwartet für einzelne Zeile und Blockcode durch Hinzufügen {/* */} um die ausgewählten Zeilen.

Es has been fixed in den letzten Insiders builds of Visual Studio Code und wird es in die nächste vollständige Version machen.

+0

Das gleiche Tastenkürzel funktioniert auch in Atom (wahrscheinlich nicht überraschend, da Visual Studio Code & Atom beide auf Elektron basiert). –

+1

Schöne Ergänzung zu der angenommenen Antwort. – staypuftman

1

Wenn Sie wollen JSX Syntax Block kommentieren, wie Sie dies tun können

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

In Visual Studio code Hit Cmd + /, wenn Sie auf dem Mac laufen oder legen

{/* Your Code */}. 

Danke.

0

Dies funktioniert auch

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