How to create a multi-factor template in PhpStorm (or WebStorm)?

Question

I need 2 files to create a new component in React:

$ {NAME} .js

import React from 'react'; import css from './${NAME}.css'; const ${NAME} = () => ( <div></div> ); export default ${NAME}; 

$ {NAME} .css

 /* Empty */ 

Note: $ {NAME} must be entered as a constant when creating these files.

I would like to use the file template function (or some other simple way) to create both files - only to create a component, for example, in the image below:

Is something like this possible?

Answer 1

As far as I know, this is not possible ... unless you yourself code the plugin for this.

https://youtrack.jetbrains.com/issue/IDEA-91565 - look at this ticket (star / vote / comment) to receive notification of any progress.

This duplicate ticket asked the same thing ... only for Angular.

---

Some links if you are thinking of coding it yourself:

• Plugin Development Documents
• API Forum
• Example