Java 如何在Idea Intellij 15中生成React组件结构？

我是IntelliJ Idea的新手，与IntelliJ Idea 15合作。我正在做一个项目。我想要的东西，可以生成一个反应组件直接点击该文件夹。e、 g

现在应该有一个制作新React组件的选项。单击后，将打开一个弹出窗口，询问我要在组件目录中添加哪些文件。e、 g.结构应为：

e、 g

• 组成部分
  • Component.js

  • index.js

  • component.scss

  • 测试目录
    • Component.test.js

---

这些应根据用户的需要进行配置。我对java和IntelliJ插件开发一无所知。我怎么做呢？

我不认为您需要这样的组件结构。React组件非常简单。您只需创建一个JavaScript文件并这样编写

import React, {Component} from 'react';
class YourComponent extends Component {
    render() {
        return(
            <h1>Hello React</h1>
        )
    }
}

export default YourComponent;

import React，{Component}来自'React'；
类YourComponent扩展组件{
render（）{
返回(
你好，反应
)
}
}
导出默认组件；

转到模板设置：

Windows和Linux:文件|设置|编辑器|文件和代码模板
macOS:IntelliJ IDEA |首选项|编辑器|文件和代码模板

单击加号按钮并添加新模板：

名称：

React组件

扩展名：

js

这个模板对我来说很好：

import React, { PropTypes, Component } from 'react';
class ${NAME} extends Component {
  render() {
    const { } = this.props;
    return (
      <div>

      </div>
    );
  }
}

${NAME}.propTypes = {

};

export default ${NAME};

import React，{PropTypes，Component}来自'React'；
类${NAME}扩展组件{
render（）{
const{}=this.props；
返回(
);
}
}
${NAME}.propTypes={
};
导出默认值${NAME}；

---

如果你愿意，你也可以选择或添加一些默认道具

您好，我想添加我在问题中提到的文件夹结构。它应该默认设置一个目录。我认为这是不可能的。。我想这是Intellij能为你做的最好的了。