如何让WebStorm调整关闭标签的缩进以匹配使用JSX和谐时的父标签？

Question

我试图从Visual Studio 2015切换到IntelliJ WebStorm 10.0.4。

经过一些谷歌搜索，我发现我需要将JavaScript语言切换到JSX和谐，以便JSX语法正常工作。

现在，我发现关闭标签的缩进变得非常痛苦。

例如，如果我写了以下内容，当我关闭时

'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;

我知道我可以用Ctrl Alt L来重新格式化代码，但是我不想一直这样做。

我尝试过打开和关闭JSLint和JSHint，但它们似乎不太支持JSX。我也尝试过使用ESLint，但它似乎有点问题，而且也不能解决这个问题（应该吗？）。

我是否配置了错误的东西？有没有办法在WebStorm中配置此行为？




Answer 1

我认为有两种解决方案：

最简单的方法是输入

另一种方法是在WebStorm首选项中生成“实时模板”。您可以使用代码片段来代替输入那么多。稍后你也可以谷歌“如何使用实时模板”。