2016-07-20 17 views
28

webstormとは異なり、私はVisual Studio Codeの.jsファイルでjsxコードをコメントすることができません。どんな助け?VSCodeの.jsファイルでjsxコードをコメントするには?

ありがとうございます!

+0

を働くあなたはショートカットを探しているか、それを行うにはどれだけ? – erichardson30

+0

@ erichardson30私はそれを行う方法を知りたいです!ショートカットコメントは "//"を実行することによってコード化されていますが、明らかにそれは機能しません。代わりに "/ * * /"をしたいと思います。 –

答えて

49

次の方法でJSXをコメントアウトすることができます{/ ** /}

例:

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

、その後COMPONENT2がコメントアウトされるだろうが

+1

はい、ショートカットのCmd + /ショートカットでこれを行う方法はありますか? –

+0

私は周りを探索していて、何も見ません....私はショートカットの何かにつまずくときにあなたに知らせます – erichardson30

+1

https://github.com/Microsoft/vscode/issues/6461これは何ですか私は問題に関して見つけることができた –

5

{/ * これは動作しますが、シングルのみ * /}

+1

あなたの答えは既によく印を付けられた答えと変わらない。 – HDJEMAI

+1

この構文を使用した複数行のコメントは、私のためにうまくいく(最初の行に '{/ *'のみ、最後には '* /}')。 –

3

Ctrl + /は、を追加することで、単一行とブロックコードでは正常に動作するようになりましたを選択します。

has been fixed最近Insiders builds of Visual Studio Codeであり、次のフルリリースになります。あなたがMac上で実行されているか

{/* Your Code */}. 

ありがとう配置されている場合は、JSX構文ブロックをコメントにしたい場合は、あなたが Visual Studio codeでこの

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

同じキーボードショートカットもAtomでも使えます(Visual Studio Code&Atomは電子的に構築されているため、おそらく驚くことではないでしょう)。 –

+1

受け入れられた答えにうってつけ。 – staypuftman

1

Cmd + /をヒット。

1

のように行うことができます

0

これも

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