Come posso fare in modo che WebStorm modifichi il rientro dei tag di chiusura in modo che corrispondano ai loro genitori quando usano JSX Harmony?

Question

Sto provando a passare da Visual Studio 2015 a IntelliJ WebStorm 10.0.4.

Dopo un po 'di ricerca su Google, ho scoperto che avevo bisogno di cambiare la lingua JavaScript in JSX Harmony per far funzionare la sintassi JSX.

Ora, sto scoprendo che l'indentazione dei tag di chiusura sta diventando un vero dolore.

Ad esempio, se scrivo quanto segue, quando vado a chiudere il tag <div>, lo posiziona sulla riga successiva a un livello indentato. Va bene, ma mi aspetto che una volta completato il tag, si adatterà automaticamente allo stesso livello di indentazione del tag di apertura corrispondente. Questo è il comportamento in Visual Studio 2015.

'use strict'; 

var React = require('react'); 

var MyComponent = React.createClass({ 
    render: function() { 
     return (
      <div> 
       </div> //The indentation is wrong here after completing the tag. 
     ); 
    } 
}); 

module.exports = MyComponent; 

So che posso fare Codice Reformat con Ctrl + Alt + L ma io non voglio avere a che fare che tutto il tempo .

Ho provato con JSLint e JSHint on e off, ma non sembrano supportare molto bene JSX. Ho anche provato con ESLint, ma sembra un po 'bacato e, inoltre, non risolve questo problema (dovrebbe?).

Ho configurato qualcosa in modo errato? C'è un modo per configurare questo comportamento in WebStorm?

Answer 1

Penso che ci sono 2 soluzioni:

Il modo più semplice è quello di entrare <div, quindi l'IDE vi mostrerà le opzioni. Si seleziona la parola "div", e il gioco è fatto.

L'altro modo è generare un "modello Live" nelle preferenze di WebStorm. Puoi usare uno snippet invece di digitare così tanto. Puoi anche Google "come utilizzare un modello live" in seguito.