reactjs - visual - ¿Cómo comentar el código jsx en archivos.js en VSCode?

visual studio code autocomplete html

Question

A diferencia de la tormenta web, no puedo comentar el código jsx en archivos .js en Visual Studio Code.

Answer 1

Actualmente, en el código de Visual Studio, se puede hacer presionando la combinación - Mayús + Alt + A y comentar el código "jsx" que produce - {/ ** /} comentarios.

Answer 2

En React "{}" nos permite usar Expresiones de JavaScript, para que podamos comentar como lo hacemos en JavaScript.

Ejemplo:

{/* multi 
line 
comment 
*/}

{// single line comment
}

Answer 3

En el Visual Studio code presione Cmd + / si está ejecutando en Mac o lugar

{/* Your Code */}

Gracias.

Answer 4

Esto tambien funciona

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

Answer 5

Intente deshabilitar todos los complementos, ya que pueden cambiar el comportamiento del editor. Por ejemplo, si usa el complemento Babel ES6 / ES7 , el editor comenta la sintaxis .jsx por // lugar de {/* . Puedes ver el problema here .

Answer 6

Los comandos del teclado ...

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

... ahora funciona como se espera para una sola línea y código de bloque agregando {/* */} alrededor de las líneas seleccionadas.

Se github.com/Microsoft/vscode/issues/6461 en versiones recientes de Inside Studio Code de Visual Studio y se incluirá en la próxima versión completa.

Answer 7

Puede comentar JSX por {/ ** /}

Ejemplo:

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

y luego Component2 sería comentado

Answer 8

Si desea comentar el bloque de sintaxis JSX, puede hacerlo así

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

Answer 9

Si presionamos cmd + / por defecto, el código vs hará comentarios de una sola línea que no se pueden aplicar para JSX. Simplemente instale la extensión de código a continuación vs estará bien.

vscode-language-babel

Answer 10

Tuve el mismo problema hasta que convertí el idioma del archivo a Typecript React (typescriptreact).

Si desea configurar esto como el idioma para todos los archivos .js, agréguelo a su settings.json (globalmente o en un nivel de proyecto en /.vscode/settings.json).

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

Answer 11

{/ * esto funciona, pero solo una línea * /}

Answer 12

Para ventanas:

Comentar líneas seleccionadas

Editar> Alternar comentario de línea o Ctrl + / o agregar // antes de la línea

SALIDA: //Some Lines of Code here

Comentario bloque seleccionado:

Editar> Alternar comentario de bloque o Mayús + Alt + A

SALIDA: /*Some Code here*/

Haz la misma acción para Descomentar