WebStormでReact対応のコンポーネントテンプレート/スニペット/ LiveTemplateを作成するにはどうすればいいですか？

Question

WebStormには、React.jsコンポーネント用の既成のテンプレートが用意されていません。必要なものはすべて用意されていますので、多くのコンポーネントを設計して新しいファイルのReactコンポーネントテンプレート準備完了。

質問：WebStorm Reactコンポーネントを作成するにはどうすればいいですか？

Answer 1

1）（設定に代替+のCtrl + S）を移動します

2） "ファイルとコードテンプレート"

3）を押して左上

の緑色の+ボタンの入力を開始フィールド名で

4）、書くだけではと拡張JS（誰もが自分の好みを持っているので、変更すること自由に感じ...）

5）ベストプラクティスとして、ファイルの命名を指示する「コンポーネントが反応します」私はどちらかといえば：キャメルケースのfileNameと最初の大文字のComponentNameとそれからラクダケーシング。しかし、もう一度、あなたはどんなことでもベストを尽くすことができます。そこで、私はこのコードで行きました：

"use strict"; 

var React = require('react'); 
var ${NAME} = React.createClass({ 
    render: function(){ 
     return (

     ); 
    } 

}); 
#set($upper = $NAME.toString().substring(0,1).toUpperCase()) 
#set($rest = $NAME.toString().substring(1)) 
#set($capped = "$upper$rest") 
module.exports = $upper$rest; 

コピー上記のコードを貼り付けて[OK]を押します。

新しいファイルを右クリックすると、最初のベストプラクティスのコードがすべて使用された「React Component」が用意されています。

これがうまくいくと思います。