7

Visual Studio 2015 から IntelliJ WebStorm 10.0.4 に切り替えようとしています。

いくつかのグーグル検索の後、JSX 構文を機能させるには、JavaScript 言語を JSX Harmony に切り替える必要があることがわかりました。

今、私は終了タグのインデントが本当に苦痛になってきていることに気づきました.

たとえば、次のように記述した場合、<div>タグを閉じようとすると、インデントされたレベルで次の行に配置されます。それは問題ありませんが、タグを完成させると、対応する開始タグと同じインデント レベルに自動調整されると思います。これは、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;

ここに画像の説明を入力

コードの再フォーマットを実行できることはわかってCtrl + Alt + Lいますが、常にそれを行う必要はありません。

JSLint と JSHint のオンとオフを試してみましたが、JSX をうまくサポートしていないようです。ESLint でも試してみましたが、少しバグがあり、この問題を解決できません (そうすべきでしょうか?)。

設定が間違っていませんか? WebStorm でこの動作を構成する方法はありますか?

4

1 に答える 1

0

私は2つの解決策があると思います：

簡単な方法は、 と入力すること<divです。その後、IDE にオプションが表示されます。「div」という単語を選択すれば完了です。

もう 1 つの方法は、PhpStorm 設定で「ライブ テンプレート」を生成することです。それほど多くを入力する代わりに、スニペットを使用できます。後で「ライブ テンプレートの使用方法」を Google で検索することもできます。

于 2017-08-03T07:21:52.580 に答える