3.1 The Visual Studio Environment
In this lesson, you will open up Visual Studio for the first time as you take a quick tour of the interface.
1.Introduction1 lesson, 02:19
2.MVC Basics4 lessons, 15:13
3.Designing Within MVC14 lessons, 1:58:58
4.Conclusion1 lesson, 01:11
3.1 The Visual Studio Environment
Hello and welcome back to ASP.net MVC for Web Designers. In this lesson, I want to give you a quick tour of the Visual Studio environment. We're not going to go too far in depth. We'll discover more about the environment as we work through the course, but for now I just want to give you a brief overview. Now, when you first open up Visual Studio, you'll see our start page here. And you'll notice our start page has a few options for creating a new project, opening an existing project. Below that we see some recent projects that we've created. So we'll have the last five or six or seven or eight recent projects that you've opened. And then a few links over here on the right. You probably won't use those links too often. But they can be helpful. If we scroll down you'll see some product videos, some of these are tutorials, things like that. And then maybe some news and announcements at the bottom. So let's scroll back up to the top. By the way if you don't want this start page to show up every time you open up Visual Studio, you can scroll down to the bottom here and uncheck Show page on startup. Now if you change your mind later, you can get to this startup page in the menu system. You can go to the View menu and click on Start Page and that will open it up for you, and then you can click to check Show page on startup. So that's the Start page. On the left, you'll see we have a tool box here. Now the panels that you see in your own environment might be different from what you're seeing here. I've been using Visual Studio for a while so I have my layout set up the way that want it. So you might not see exactly what I'm seeing here. But if you see a panel here that you don't see on your own screen, you can always get to that panel by going to the View menu. So, for example, if I did not have this toolbox. And, again, you can click on that to expand it. But, I'm gonna click on the X button here, to close that toolbox. And you'll see that it's now gone. If you wanted to find that toolbox, you could go to the View menu, go down to Toolbox. And it opens it back up. And, we can click outside that toolbox to collapse it and you can see that we still have the option here. Now, if you want to get rid of it you would hit the X. If you wanted to collapse it you would just click outside of it. If you wanted to pin it in place so that you could always see it and it was always open you can click on this pushpin icon in the upper right hand corner here next to the X icon. So I'm gonna click on that push pin and you'll see that it pins it in place so we can see it at all times. And even if we click outside of it, that toolbox is still there. And we can always unpin it by clicking on that push pin icon again. On the right you'll see that I actually have three different panels grouped together. I have Solution Explorer,Team Explorer, and Server Explorer, and you can click on any of those tabs to go to those tabs. If you want to get rid of one of those, you can click on this X icon here. Now let's say we wanted to move this server explorer over here to the left. Well, I can simply click it and drag it. And you'll notice there are a couple different places I can move it. So, if I'm still dragging it around, you can hover over any of these items here and it will give you a preview of where it's going to place it. Another option we have is we can just release and we now have this free-floating panel. And if we click this second to last icon on the upper right it maximizes it, no I'm not gonna do that right now but you can maximize it that way. And as you can see we're dragging around all three of these tabs here, so I can drag this over to the left and it will pin it to the left. And when click the pushpin icon here, to collapse it. So now it's collapsed with Toolbox and the other three. Well let's say we wanted to grab the Solution Explorer and move it back over here to the right and we want to grab both of these and move it over here. And let's actually drag one on top of the other and that's how you create tabs. And let's drag the Server Explorer over here too. There we go. Now we have our three again. If we wanna rearrange those tabs, we can just drag one where we want it. Now you'll notice our Solution Explorer right now is empty. But if we have a file or a project or a solution open, we'll actually see our list of files over here on the right. So for example, I have another Application opened here, another version of Visual Studio, where I actually have a Solution opened up. And we can see on the Solution, a list of folders and files, and we can navigate through these folders by clicking on these arrows, and we can open up any file by double-clicking on it. Now, as I mentioned before, we're going to learn a lot more about the Visual Studio environment as we work through this course. If I were to walk you through the entire environment right now, then you'd forget most of it by the time we got to the next lesson. But, if we explore the different aspects of the Visual Studio environment as we work through some actual projects, hopefully it will stick with you a little bit better. So thank you for watching, and I'll see you in the next lesson.