如何在 Idea Intellij 15 中制作 React 组件结构？答案

【问题标题】：How can I make React Component Structure in Idea Intellij 15?如何在 Idea Intellij 15 中制作 React 组件结构？
【发布时间】：2017-06-12 15:34:38
【问题描述】：

我是 IntelliJ Idea 的新手，正在使用 IntelliJ Idea 15。我正在开发一个 React 项目。我想要一些可以通过直接单击该文件夹来生成反应组件的东西。例如

现在应该可以选择制作新的 React 组件了。单击后应该会打开一个弹出窗口，询问我要在组件目录中添加哪些文件。例如结构应该是：

例如

组件
- Component.js
- index.js
- component.scss
- 测试目录
  - Component.test.js

这些应根据用户的需要进行配置。我不知道 java 和任何关于 IntelliJ 插件开发的知识。我该怎么做？

【问题讨论】：

标签： java intellij-idea plugins

【解决方案1】：

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

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

export default YourComponent;

【讨论】：

【解决方案2】：

进入模板设置：

Windows 和 Linux：文件 |设置 |编辑 |文件和代码模板
macOS：IntelliJ IDEA |偏好 |编辑 |文件和代码模板

点击加号按钮，添加新模板：

姓名：React Component
分机号：js

这个模板很适合我：

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

      </div>
    );
  }
}

${NAME}.propTypes = {

};

export default ${NAME};

您也可以PureComponent 或添加一些默认道具，如果您愿意。

【讨论】：

嗨，我想添加我在问题中提到的文件夹结构。它应该默认创建一个目录
我认为这是不可能的。我认为这是 Intellij 可以为您做的最好的事情。