web-dev-qa-db-fra.com

Comment commenter le code jsx dans les fichiers .js en VSCode?

Contrairement à webstorm, je ne peux pas commenter le code jsx dans des fichiers .js dans Visual Studio Code.

reactjsreact-nativevisual-studio-codejsx
55
Y.H. Eng

Vous pouvez commenter JSX en {/ ** /}

Exemple :

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

puis Component2 serait commenté

81
erichardson30

Essayez de désactiver tous les plugins, car ils peuvent changer le comportement de l'éditeur. Par exemple, si vous utilisez Babel ES6/ES7 plugin, l'éditeur commente la syntaxe .jsx par // au lieu de {/*. Vous voyez voir le numéro ici .

11
Andrej Gajdos

Les commandes du clavier ... 

Ctrl + / - Windows et Linux
Cmd + / - MacOS 

... fonctionne maintenant comme prévu pour les lignes simples et les codes de bloc en ajoutant {/* */} autour des lignes sélectionnées.

Il a été corrigé récemment Les versions initiées de Visual Studio Code et figureront dans la prochaine version complète.

8
GollyJer

Dans Visual Studio code Appuyez sur Cmd + / si vous utilisez Mac ou un emplacement. 

{/* Your Code */}

Je vous remercie.

8
Tunvir Rahman Tusher

{/*Cela fonctionne, mais seulement une ligne * /}

6
Brandon Brigance

Si vous voulez commenter un bloc de syntaxe JSX, vous pouvez le faire comme ceci

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

Cela fonctionne aussi

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

Actuellement, le code de Visual studio peut être obtenu en appuyant sur la combinaison de touches - Maj + Alt + A et le commentaire "jsx" généré par le code - {/ ** /} commentaires.

1
Sodinikas

Si nous appuyons sur cmd + / par défaut, vs code fera des commentaires d’une seule ligne qui ne peuvent pas être appliqués à JSX. Il suffit d’installer l’extension de code ci-dessous et tout ira bien.

vscode-language-babel

0
Manzoor Samad

Dans React "{}" nous permet d'utiliser des expressions JavaScript afin de pouvoir commenter comme nous le faisons en JavaScript. 

Exemple: 

{/* multi 
line 
comment 
*/}

{// single line comment
}
0
Yash P Shah

J'ai eu le même problème jusqu'à ce que j'ai converti le langage du fichier à TypeScript React (typescriptreact).

Si vous souhaitez configurer cela comme langue pour tous les fichiers .js, ajoutez-le à votre fichier settings.json (globalement ou au niveau du projet dans /.vscode/settings.json).

"files.associations": {
    "*.js": "typescriptreact"
  }
0
5tormTrooper