Installing our IDE

-: So in the last lecture, we created our Angular application and now we want to edit it. As I mentioned, for this we want to use an IDE or some advanced text editor because that simply makes working with our code much easier. In this course, I will use Visual Studio Code and that Code part is important, not Visual Studio. Visual Studio Code. It's a free IDE, totally free. It's pretty powerful. It's highly extensible, it's awesome. And it's available for Mac, but also for Windows, Linux. You can pick your installer version here if it doesn't auto select the right one automatically. Simply download it then and walk through the installer it gives you. There should be nothing special about that. And once you got it installed, open it. If you open it, it should look something like this. You'll probably see that welcome page. And there you can click Open folder to open that Angular project we created with the CLI a few seconds ago. If you don't see that page, you can always open it through File, Open. Now let's click Open folder and navigate to the folder. Here, I selected that mean course project and I can click Open now and this loads it into this IDE so that we can work on it there. Now, the IDE might look a bit different for you. Maybe it doesn't have this dark theme, it probably has different icons, and that is simply something I fine-tuned for myself. So I like this way of it looking and working, and I will show you how to get there. If you're using a different IDE you of course have to fine-tune it on your own. For Visual Studio Code I want to install a certain extension first of all. Two extensions to be precise. And for that, go to View, Extensions. You might also see a bar on the left where you can click on Extensions icon. And on this page, make sure to install Angular Essentials. Now here I already got that installed. You can search for Angular here and you should quickly find the Angular Essentials package. Search for Angular Essentials, otherwise. And that's a pretty amazing collection of different extensions that enhance the IDE to work better with Angular. So simply install this with the Install button and feel free to skip or read through the documentation here to find out what's included and how it works. Besides that, I use one other extension which is purely optical. It's the Material Icon Theme here. So by searching for material you, you should find it. Also install this if you like the way my icons look in this course, it's purely visual. It gives you nicer file icons, and I quite like these. So with that, you can go back to View, Explorer once you're done and you should see something like this. Well, I also use a dark theme and you can get that same look by going to the Code thing here, Preferences, and there Color Theme. And here I'm using Dark plus. By default, you probably are using Light plus or Light. Now you can try out these different themes here by simply clicking on them. You can always switch and choose the style you like. Now with that, you get the same setup as I do. Now let's get started working on our Angular app. This is the folder the Angular CLI created for us. Time to edit it.