diff --git a/src/images/setup-phpstorm-for-laravel-and-vue/color_scheme.png b/src/images/setup-phpstorm-for-laravel-and-vue/color_scheme.png new file mode 100644 index 0000000..7327285 Binary files /dev/null and b/src/images/setup-phpstorm-for-laravel-and-vue/color_scheme.png differ diff --git a/src/images/setup-phpstorm-for-laravel-and-vue/style_import.png b/src/images/setup-phpstorm-for-laravel-and-vue/style_import.png new file mode 100644 index 0000000..fce6d94 Binary files /dev/null and b/src/images/setup-phpstorm-for-laravel-and-vue/style_import.png differ diff --git a/src/pages/posts/setup-phpstorm-for-laravel-and-vue.md b/src/pages/posts/setup-phpstorm-for-laravel-and-vue.md index 58c0528..00220ba 100644 --- a/src/pages/posts/setup-phpstorm-for-laravel-and-vue.md +++ b/src/pages/posts/setup-phpstorm-for-laravel-and-vue.md @@ -12,7 +12,7 @@ pubDate: "Oct 13 2023" There are many resources already available for setting up your PhpStorm. For example the excellent course from Jeffrey Way on [Laracasts](https://laracasts.com/series/phpstorm-for-laravel-developers), go watch it if you really want to make it your own! But this is much more a reference for random people on the internet, colleagues or friends on how i setup my PhpStorm and we will mainly focus on the Tooling setup in this post. -I will share details on my style customizations in a smaller blog post soon, where i will also share my customized Tokyo Night color scheme. +In the end I will also share some details on my color style customizations, where i will also share my customized Tokyo Night color scheme. But why do you share this just now? Mainly because I got inspired to be sharing more because of the amazing talk ["Publishing Your Work"](https://www.youtube.com/watch?v=2YaEtaXYVtI) from Aaron Francis. @@ -125,10 +125,15 @@ But we are not done yet, since the base configuration still formats way too much > If you have some custom Laravel Pint / PHPCsFixer rules and notice double reformats, you might need to match some settings to your rules. -### PHP Style Adjustments +### PHP Style Adjustments (config file) -You can now follow all of these steps or just donwload my codestyle xml and import it 😄 -👉 Download the CodeStyle [here](/phpstorm/PHPCodestyleSaibotk.xml) +You can now follow all of the steps below or just download my codestyle export and import it 😄 +👉 Download the CodeStyle here + +And import it on the PHP Code style page, by clicking the ⚙️ icon. +![Screenshot of the import menu.](../../images/setup-phpstorm-for-laravel-and-vue/style_import.png) + +### PHP Style Adjustments (detailed) #### Spaces @@ -182,6 +187,8 @@ But I only use this as the overall editor theme, which can be found under `Appea ### Color Scheme +![Screenshot of example code with my color scheme applied](../../images/setup-phpstorm-for-laravel-and-vue/color_scheme.png) + For the color scheme I decided to start with the [Tokyo Night Color Scheme](https://plugins.jetbrains.com/plugin/15662-tokyo-night-color-scheme) and then heavily modified it based on the original VSCode theme colors, to be more in line with the original theme. Sadly though, I got to feel the inferior code color scheme options of PHPStorm in contrast to VSCode. Nonetheless it now looks pretty good and similar. @@ -189,7 +196,7 @@ Sadly though, I got to feel the inferior code color scheme options of PHPStorm i While not perfect, I uploaded my current version here and may upload it to the Marketplace if i ever feel like dedicating more time to it. But for now I already invested way more hours into this than I initially wanted 😅 -👉 Check it out [here](/phpstorm/TokyoNightPlusPlus.icls) +👉 Check it out here ## Anti-Copilot Snoop