如何在Idea Intellij 15中製作React組件結構？

Question

我是IntelliJ Idea的新手，和IntelliJ Idea 15一起工作。我正在開發一個反應項目。我想要一些可以通過在該文件夾中直接點擊來生成反應組分的東西。例如

現在應該有進行新的陣營組件的選項。點擊該按鈕後，應該打開哪個應該詢問我要添加到組件目錄中的文件。例如該結構應該是：

例如

• 組件

  • Component.js

  • index.js

  • component.scss

  • test目錄

    個
    • Component.test.js

這些應該根據需要的用戶來配置。我不知道java和IntelliJ插件開發的任何內容。我該怎麼做？

Answer 1

我不這麼認爲你需要這樣的組件結構。 React組件非常簡單。您只需創建一個JavaScript文件並像那樣寫。

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

export default YourComponent; 

Answer 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或添加一些默認道具，如果你喜歡。