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