Coding editor setup
![](https://life-adventurer.com/wp-content/uploads/2023/06/1_X7i0hGUE3hlsl9w6jMkGTw-1.png)
PHPStorm
Plugins
PHPfmt
- Download file fmt.phar
https://www.dropbox.com/s/3jipogskc38gdg8/fmt.phar?dl=0
Install phpstorm fmt plugin:https://plugins.jetbrains.com/plugin/8110-phpstorm-phpfmtSetting plugin
![](https://paper-attachments.dropboxusercontent.com/s_F7841107EB339C649769CBF2B71A148A1A31C9F34E1162286C60F2F9810A073A_1581676026332_image.png)
If you cannot install the plugin, try the File Watcher method:
![](https://paper-attachments.dropboxusercontent.com/s_F7841107EB339C649769CBF2B71A148A1A31C9F34E1162286C60F2F9810A073A_1610594091481_image.png)
Argument:
/path/to/fmt.phar --indent_with_space=4 --enable_auto_align $FilePath$
JS Prettier
- Install
- In the embedded Terminal (Alt+F12), type one of the following commands:
npm install --save-dev --save-exact prettier
npm install --global prettier
- Install plugin: https://plugins.jetbrains.com/plugin/10456-prettier/
- Setting
- In the Settings/Preferences dialog Ctrl+Alt+S, go to Languages and Frameworks | JavaScript | Prettier.
- On the Prettier page, that opens, specify the path to the prettier package and choose the Node.js interpreter to use. This can be a local Node.js interpreter or a Node.js on Windows Subsystem for Linux.
- Autoformat on save
- See the guide here: https://prettier.io/docs/en/webstorm.html#running-prettier-on-save-using-file-watcher
![](https://paper-attachments.dropboxusercontent.com/s_F7841107EB339C649769CBF2B71A148A1A31C9F34E1162286C60F2F9810A073A_1638070493761_image.png)