webbertakken / PHPStormSettings

Code styles, colors, inspections for WebStorm/PhpStorm. ☕

PHPStormSettings

Code styles, colors, inspections for PhpStorm. ☕

Featuring

Supported languages

• Git / Diff / Merge
• Dockerfile / docker-compose
• DotEnv-files (.env)
• Markdown
• HTML / XML
• CSS / SASS / SCSS
• Javascript / ES6+
• JSX / React
• PHP
• Twig / Blade / Smarty
• Yaml
• Ini

Enforced standards

• Javascript: Javascript standard style 🗗 + Prettier 🗗 or AirBnB 🗗 + Prettier 🗗
• PHP: PSR 🗗 + Laravel 🗗 + Symfony 🗗 + space around concatenation operator.
• CSS / SASS / SCSS: Sass-lint 🗗 + Prettier 🗗 or Stylelint 🗗 + Prettier 🗗

Custom hotkeys

• Save all: Ctrl + S
• Save all + format current file (also prettier): Ctrl + Alt + S
• Replace in path Ctrl + Shift + H

Examples

The theme has changed since these screenshots to be more consistent with dark theme.

Todo: update these example images.

VCS / Diff / Merge example

Markdown example

Javascript / HTML / React example

Twig example

PHP example

Getting started

Full Install

• Backup your config folder (if any).
• Clone this repo to be your new config folder;

git clone [e-mail]:webbertakken/PHPStormSettings.git /path/to/config

• (Optional) Copy your backup over the config repo and revert the resulting difference (should be only a few files).

Extra step for Material UI: (Might not actually be needed again, needs to be tested)

• Go to Settings > Plugins > Install Material Theme UI plugin
• Under Appearance & Behaviour, configure Material Custom Theme and select Material Darker as preset, then apply.
• Finally, in Settings > Editor > Color Scheme select Webber or your other desired dark compatible color scheme.

Updating config

• Simply run git pull from within your config folder.

Updating PhpStorm

• Nothing (PhpStorm will copy the whole config folder; including your .git folder and even update the project reference).

Other use cases

Color scheme only

• Copy colors/Webber.icls from this repo to your own color folder.
• Go to Settings > Editor > Color scheme and select "Webber".

Code styles only

• Copy codestyles/Webber.xml from this repo to your own folder.
• Go to Settings > Editor > Code style > Scheme and select "Webber".

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

MIT license.