Installing phpStorm EAP 0:00Now, phpStorm is a paid IDE. However, if you google phpStorm EAP for Early Access Program, there is a decent chance that you will be able to download a full release of the editor while it's currently in development for the next release. So at the time of this recording, we will be using the 8.0 EAP, and specifically this release version. Now, if I switch over and I boot up the app, you can see we have our initial configuration dialog. So, you can set your scheme that you'd prefer. I will stick with the default.So, you can set your scheme that you'd prefer. I will stick with the default. And the IDE, we have a light one by default, and also Darkula, which is basically their dark color scheme. And that will include the theme of the IDE as a whole, so it's not just limited to the color theme. But let's go ahead and get this set up. Okay, to begin, let's open an existing app that I have. Here's the one that we want. Alright, so first things first, why don't we take a look at one of these files. Navigating Without Sidebar 0:53Here's the one that we want. Alright, so first things first, why don't we take a look at one of these files. Let's just open up the base controller that we have here. Now, if you're anything like me, I like my IDE to be as minimal as possible. So even though there's not a huge amount of stuff going on here, it's still too much for my taste. Now, other than the main view here, the biggest thing I see here is the sidebar. Now you can toggle that by pressing Command 1. So notice, each time I press it, it will toggle that. And personally, as a best practice, at least for me, I like to keep that closed as muchSo notice, each time I press it, it will toggle that. And personally, as a best practice, at least for me, I like to keep that closed as much as possible. Now, you might be wondering, well, how do you get from file to file? Well, if I go up to navigate, you'll see that PHPStorm offers a number of various ways to browse your app. So we can browse by the class name. How about the Blade compiler that Laravel provides? Well, that would be one way to do this. Or if we want to browse by a symbol, and think of that as a method.Well, that would be one way to do this. Or if we want to browse by a symbol, and think of that as a method. So for example, if we wanted to browse to SetupLayout here, let's close that and navigate to a symbol called SetupLayout. And we're there. Now, chances are high that if you are switching over from an editor like Sublime Text, well maybe you use something like Command P or Command T to browse all of your files. And if that's the case, and you don't like the default keybinding that PHPStorm offers, the most important thing I can teach you about this editor is that every single thing is configurable. Minimizing IDE UI 2:17the most important thing I can teach you about this editor is that every single thing is configurable. And that includes what you see and what you press. But we will get to that in a follow-up lesson. For now, let's just clean things up to make it more attractive. The first step is, I will go to View and turn off Status Bar, just to remove that part at the bottom. Like I said, you don't have to do this, but I really like it to be minimal. Next, the Navigation Bar, I don't really think there's a need for it in my case. Now, if you're the type of person who likes the Toolbar, of course you can show that,Next, the Navigation Bar, I don't really think there's a need for it in my case. Now, if you're the type of person who likes the Toolbar, of course you can show that, but personally I've never ever once even used these buttons. It's better to use the keyboard commands whenever you can. So make sure that you hide that. Finally, like I said, Command 1 to hide the sidebar. And now that's fairly minimal. Next, if I click on a symbol here, you'll see a little breadcrumb tree show up here. Now that might be useful to you, but I'd prefer to get rid of it. So let's go to PHPStorm, Preferences, and what you will learn is that any tree in theNow that might be useful to you, but I'd prefer to get rid of it. So let's go to PHPStorm, Preferences, and what you will learn is that any tree in the editor can be filtered down simply by typing. So if I type breadcrumb, let's see if we can find it. Alright, and it takes us exactly where we want to be. So let's deselect both of these, Apply, and we will need to restart. So I will do that now. There we go, and now it's gone. Next, let's do a little bit more configuring. If I go into Editor, Colors and Fonts, you can see that we do have a default scheme name Adjusting Colors and Fonts 3:38Next, let's do a little bit more configuring. If I go into Editor, Colors and Fonts, you can see that we do have a default scheme name of Darkula. But if you want to switch these out, maybe we could use something like Twilight. So let's apply that, and now we've updated it. But let's return to that. Now, of course, we can go to Preferences or on the Mac, you can always hit Command Comma to bring that up. Now let's open this up and adjust the font just a bit. I actually like a slightly bigger font.Now let's open this up and adjust the font just a bit. I actually like a slightly bigger font. So why don't we save this current one as Demo Theme, and now we can update this. So maybe we want it around 15, and I like my line spacing to be a little bit higher than most, maybe around 1.4. Alright, so let's apply that, and that's not too bad. But you know what, why don't we bring it down maybe to 14 instead. Okay, so Twilight isn't really my theme of choice. In the meantime, if you want a much bigger selection specifically from someone in the Laravel community, browse to dalereese.github.io, and you'll see that he has literally like Installing Community Themes 4:32In the meantime, if you want a much bigger selection specifically from someone in the Laravel community, browse to dalereese.github.io, and you'll see that he has literally like dozens and dozens of various themes. So for example, maybe you like this theme right here. Well, once you've picked out your theme, you can browse to github.com slash dalereese slash color themes. So what you'll see here is that he has themes for any number of editors. It's really very, very useful. And in our case, we want earthsong.icls. So in my case, rather than downloading everything, I'm just going to copy this path here, andAnd in our case, we want earthsong.icls. So in my case, rather than downloading everything, I'm just going to copy this path here, and I will use wget from the command line to pull it in. Or if you don't have access to that, just download it to your desktop. Next, from my Mac, I can browse to, and this will be a little bit different for Windows users. Just give it a quick Google search, and it'll let you know where to add this. But on a Mac, we want to go to library, preferences, and the one we want is web IDE 8.0. Alright, so now, you'll see that we have a colors folder here, and this is where we can add any number of themes.Alright, so now, you'll see that we have a colors folder here, and this is where we can add any number of themes. Notice that it already has our demo theme that we set up. So let's go ahead and pull that in, use curl, wget, whatever your poison is. But now we have access to that. Now anytime you make a change like this, you will need to restart the editor. So I will go ahead and do that now. Okay, so I will hit command comma to return to preferences, scroll down, and now we can choose our new scheme name, Earth Song, and apply it. Alright, so if we come back, we have our new theme, and I think that looks pretty good.choose our new scheme name, Earth Song, and apply it. Alright, so if we come back, we have our new theme, and I think that looks pretty good. But don't forget, you can still customize this however you want. So notice how the size is defaulted again? Well, that's because we have a new scheme name. So let's save that as demo Earth Song. And once again, within the font, let's bring this back to 14 with a line spacing of 1.4. Alright, and there we go. And finally, this last thing I'm going to do might be a little controversial. It might be something that you don't immediately like. Disabling Editor Tabs 6:28And finally, this last thing I'm going to do might be a little controversial. It might be something that you don't immediately like. But you know what? At least give it one day, and I promise, as a result, your workflow is going to improve and you will be faster in your editor. So what we will do here is right click on the tab right here, and if I choose tab placement, I'm going to turn off tabs. Now for one, our editor is that much more minimal, which I think is a good thing. And two, when we don't have these sidebars and tabs to use, it forces us to use the keyboard to get to where we're going.And two, when we don't have these sidebars and tabs to use, it forces us to use the keyboard to get to where we're going. And I promise you, there's absolutely nothing faster than the keyboard. So if this takes you off guard, at least give it a day or two and see what you think. But with that final tip, we are finished with this lesson. In the next video, we're going to figure out how to deal with the color separation between the sidebar and the main view here, which is pretty gross. See you then.
