Wie kann ich veranlassen, dass WebStorm den Einzug von schließenden Tags an ihre Eltern anpasst, wenn JSX Harmony verwendet wird?

Question

Ich versuche, von Visual Studio 2015 zu IntelliJ WebStorm 10.0.4 zu wechseln.

Nach einigem Googeln musste ich die JavaScript-Sprache auf JSX Harmony umstellen, damit die JSX-Syntax funktioniert.

Jetzt finde ich, dass das Einrücken von schließenden Tags ein echter Schmerz wird.

Zum Beispiel, wenn ich Folgendes schreibe, wenn ich gehe, um das <div> Tag zu schließen, es setzt es auf die nächste Zeile auf einer eingerückten Ebene. Das ist in Ordnung, aber ich erwarte, dass es sich nach dem Ausfüllen des Tags automatisch auf die gleiche Einrückungsebene wie das zugehörige Eröffnungs-Tag einstellt. Dies ist das Verhalten 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; 

Ich weiß, ich Reformierte Code mit Strg tun können + Alt + L aber ich möchte nicht, dass die ganze Zeit zu tun haben .

Ich habe versucht mit JSLint und JSHint ein- und auszuschalten, aber sie scheinen JSX nicht sehr gut zu unterstützen. Ich habe auch mit ESLint versucht, aber es scheint ein wenig Buggy, und, auch, löst dieses Problem nicht (sollte es?).

Habe ich etwas falsch konfiguriert? Gibt es eine Möglichkeit, dieses Verhalten in WebStorm zu konfigurieren?

Answer 1

Ich denke, es gibt zwei Lösungen:

Der einfache Weg ist <div eingeben, dann wird die IDE die Optionen zeigen. Sie wählen das Wort "div", und das ist fertig.

Die andere Möglichkeit besteht darin, eine "Live-Vorlage" in den WebStorm-Voreinstellungen zu generieren. Sie können ein Snippet verwenden, anstatt so viel zu tippen. Sie können auch später Google "Wie verwende ich eine Live-Vorlage?"