1 00:00:05,200 --> 00:00:07,860 In this video, we'll take a look at the main elements 2 00:00:07,860 --> 00:00:11,160 of the CodeLite IDE or integrated development environment. 3 00:00:11,760 --> 00:00:15,260 Now integrated development environments are really nice because they allow you to 4 00:00:15,260 --> 00:00:17,560 build and compile and edit and debug 5 00:00:17,560 --> 00:00:19,760 and do everything from a comment interface, 6 00:00:19,760 --> 00:00:22,060 but they can be pretty complicated as well. 7 00:00:22,360 --> 00:00:26,760 Now the CodeLite IDE is a fairly simple IDE as far as IDEs go. 8 00:00:27,260 --> 00:00:32,060 If you use Microsoft visual studio or if you use XCode and Eclipse and others, 9 00:00:32,060 --> 00:00:35,060 they're much more complicated, and they've got a lot more bells and whistles. 10 00:00:35,060 --> 00:00:38,960 But CodeLite's a great IDE for c++, especially when we're learning. 11 00:00:38,960 --> 00:00:41,660 So let me go over some of the main elements here. 12 00:00:42,160 --> 00:00:44,060 When you first start CodeLite, 13 00:00:44,060 --> 00:00:45,560 you have an interface that looks like this. 14 00:00:45,560 --> 00:00:48,160 This is the main default interface 15 00:00:48,160 --> 00:00:50,660 or perspective as it's called in CodeLite. 16 00:00:51,660 --> 00:00:54,660 Over here on the left, you have the workspace pane, 17 00:00:54,660 --> 00:00:56,960 which is this little rectangular area right here. 18 00:00:57,960 --> 00:01:00,560 Here in this large area we've got our editing pane. 19 00:01:00,560 --> 00:01:03,060 This is where we're going to be editing and typing our source code. 20 00:01:03,460 --> 00:01:07,260 Then we've got an output pane down at the bottom. And you can see that each one of these has 21 00:01:07,260 --> 00:01:10,860 a lot of little tabs in there, and I'll break that up. So you can see it a little better. 22 00:01:11,660 --> 00:01:14,860 So here we've got a workspace tab, an explorer tab and so forth. 23 00:01:14,860 --> 00:01:17,060 And I'll go over what those do in just a moment. 24 00:01:17,760 --> 00:01:20,260 Now at the moment, there is no workspace at all. 25 00:01:20,260 --> 00:01:21,920 So we need to create a workspace. 26 00:01:21,920 --> 00:01:24,920 And then we need to add projects to that workspace. 27 00:01:24,920 --> 00:01:29,120 So let's do that. Let's create a new workspace, and we can do it right here. 28 00:01:29,120 --> 00:01:32,120 We can select new workspace right on the main menu here 29 00:01:32,120 --> 00:01:36,310 or we could go up to a workspace, new workspace or we could go to file, 30 00:01:36,310 --> 00:01:38,310 new, new workspace. 31 00:01:38,910 --> 00:01:41,410 You can choose whichever one you like. I'll choose this one right here. 32 00:01:42,110 --> 00:01:43,610 And I'll give the workspace a name. 33 00:01:43,970 --> 00:01:46,970 In this case, I'm going to call it Section 4 because this is 34 00:01:47,270 --> 00:01:51,070 a video in section 4 and that way we can create all our section for projects 35 00:01:51,070 --> 00:01:52,370 right within this workspace. 36 00:01:52,970 --> 00:01:55,470 The path for the workspace you need to provide, 37 00:01:55,470 --> 00:01:58,070 I'm going to select my cpp 38 00:01:58,070 --> 00:02:01,070 examples folder, which is on my desktop. 39 00:02:01,670 --> 00:02:02,470 I'll select that. 40 00:02:02,470 --> 00:02:05,970 And this will create that workspace within that folder, and I'll select okay. 41 00:02:07,070 --> 00:02:10,270 Now you can see that we've got a workspace here called Section 4. 42 00:02:10,270 --> 00:02:13,770 And a couple of other things have popped up here. You can see there's a debug drop down, 43 00:02:13,770 --> 00:02:15,070 and we'll get to all that in just a bit. 44 00:02:15,730 --> 00:02:18,290 So at this point, we need to create some projects. 45 00:02:18,290 --> 00:02:21,170 Notice that there is nothing to edit here in this window. 46 00:02:21,170 --> 00:02:25,570 It's empty because there are no c++ files ready for editing yet. 47 00:02:25,570 --> 00:02:27,230 So let's create a project. 48 00:02:27,230 --> 00:02:31,110 This is going to be very similar to the way we created the projects in the installation videos 49 00:02:31,110 --> 00:02:35,310 in the previous sections. So I'm going to right click on section 4 workspace, 50 00:02:35,310 --> 00:02:36,910 and I'm going to say new project. 51 00:02:38,210 --> 00:02:42,010 At this point, I'm going to select that default project template that we created. 52 00:02:42,310 --> 00:02:46,510 In this case, I called it Frank default g++ project. So I'm going to select that 53 00:02:47,310 --> 00:02:48,070 press next. 54 00:02:48,070 --> 00:02:51,370 And I'm going to give this project a name. I'm just simply going to call it project1. 55 00:02:54,250 --> 00:02:58,850 I'll select next. I'll accept these defaults, which is my compiler and debugger. 56 00:02:59,650 --> 00:03:00,530 And I'll select finish. 57 00:03:00,530 --> 00:03:03,130 So now you can see I've got a project named project1 58 00:03:03,130 --> 00:03:05,130 under my section 4 workspace, 59 00:03:05,730 --> 00:03:08,030 and you can see there's the main cpp file. 60 00:03:08,030 --> 00:03:11,030 If I double click that, it will open up in the editor. 61 00:03:11,030 --> 00:03:13,230 And it's just going to say hello world. 62 00:03:13,730 --> 00:03:16,730 We'll get to building and running this in the next video. 63 00:03:16,730 --> 00:03:18,530 But for now, let's create another project 64 00:03:18,530 --> 00:03:22,030 because remember, we can have multiple projects in our workspace. 65 00:03:22,030 --> 00:03:25,030 So I'm going to go back up to my workspace, right click, 66 00:03:25,390 --> 00:03:26,890 do again new project. 67 00:03:27,890 --> 00:03:31,550 I'll use the same template, and I'll just call this project2 68 00:03:33,350 --> 00:03:34,850 and press next and finish. 69 00:03:35,850 --> 00:03:39,150 Okay. So now you can see that we've got two projects within the workspace. 70 00:03:39,150 --> 00:03:42,810 Also notice that project1 is italicized and it's bold. 71 00:03:43,360 --> 00:03:47,560 This tells you that this is the current project or the active project. 72 00:03:47,920 --> 00:03:51,920 Now I can select the main cpp in project two, 73 00:03:51,920 --> 00:03:54,920 and you can see here we've got two c++ files. 74 00:03:54,920 --> 00:03:59,120 One for each project. Now you'll notice that when I select these tabs, 75 00:03:59,120 --> 00:04:02,120 you'll notice I select this tab and this highlights right here, 76 00:04:02,420 --> 00:04:05,820 so this tells you that this is the main cpp for project1. 77 00:04:05,820 --> 00:04:07,820 When I select this tab here on the right, 78 00:04:08,520 --> 00:04:11,220 this main cpp lights up for project2. 79 00:04:11,220 --> 00:04:13,220 If you're not getting that behavior, 80 00:04:13,220 --> 00:04:16,519 then this little link right here is probably not selected. 81 00:04:17,320 --> 00:04:21,720 If that's unselected, then you'll click on these and this won't change at all on the left side here, 82 00:04:21,720 --> 00:04:23,020 in the workspace view. 83 00:04:23,020 --> 00:04:27,380 So you want to make sure that that's selected. That way it links the editor to the workspace file. 84 00:04:27,740 --> 00:04:30,240 So there we go. We can switch between them very easily. 85 00:04:30,240 --> 00:04:33,040 So let's change this source code. 86 00:04:33,040 --> 00:04:36,340 I'm going to select this file right here, and I'm just going to say Hello Project1. 87 00:04:41,140 --> 00:04:44,140 And I'm going to save it with ctrl s or command s. 88 00:04:45,440 --> 00:04:48,940 And I'm going to select this guy right here, and I'm going to say hello project2. 89 00:04:49,440 --> 00:04:51,640 That way we'll be able to see the difference when we run them. 90 00:04:53,140 --> 00:04:55,940 And again, I'm saving it. We could also do file save. 91 00:04:57,190 --> 00:04:57,790 That's it. 92 00:04:58,290 --> 00:05:01,290 Now suppose I want to change between projects. 93 00:05:01,290 --> 00:05:04,590 So here notice that project one is the active project. 94 00:05:04,590 --> 00:05:08,990 You can select the active project just by choosing it here from the download list. 95 00:05:09,350 --> 00:05:12,950 You can see when I when I hover over it it says select the active project. 96 00:05:13,850 --> 00:05:18,050 So that's as simple as that. You can also double click on the project name. 97 00:05:18,050 --> 00:05:22,050 So if I double click on project2, project2 is now the active project. 98 00:05:22,050 --> 00:05:24,550 Project1 is now the active project. 99 00:05:25,100 --> 00:05:28,600 Now what does active project mean? Well, when I build a project, 100 00:05:28,600 --> 00:05:32,000 let's say I come up to my build and I say build something, run something, 101 00:05:32,000 --> 00:05:35,000 clean something, and I'll get to all this in the next video, 102 00:05:35,000 --> 00:05:38,300 it's going to apply it to the currently active project. 103 00:05:38,800 --> 00:05:41,600 It's real important because suppose that now you're here 104 00:05:41,600 --> 00:05:44,600 and you're modifying this source code here. And then you build 105 00:05:45,200 --> 00:05:49,200 and you see nothing's changed. Well, that's because this project2 is not active. 106 00:05:49,200 --> 00:05:51,400 Project1 is the active project. 107 00:05:51,400 --> 00:05:54,000 So when you build and run, it's going to run project1. 108 00:05:54,500 --> 00:05:57,800 It may seem like this is pretty hard to keep track of, but it's really not. 109 00:05:57,800 --> 00:06:00,600 It's really easy to keep track of what project is active. 110 00:06:00,600 --> 00:06:04,800 And using this little link editor, you can obviously see which file you're working on. 111 00:06:04,800 --> 00:06:06,300 So it's pretty easy to do. 112 00:06:06,300 --> 00:06:10,200 There's a couple of other things that I wanted to talk about here.In the editor window here, 113 00:06:10,200 --> 00:06:12,700 you can see that we've got line numbers selected. 114 00:06:13,000 --> 00:06:16,800 Okay. So that the IDE is displaying line numbers for us. 115 00:06:16,800 --> 00:06:19,800 This is handy because the compiler errors will give you line numbers 116 00:06:19,800 --> 00:06:22,800 and it'll also throw you a little error right here it'll show you some red 117 00:06:22,800 --> 00:06:26,000 a little mark that says hey the error is here, which is kind of nice. 118 00:06:26,000 --> 00:06:28,200 I'm going to keep the line numbers on for me. 119 00:06:28,200 --> 00:06:30,560 You can choose to not use them if it distracts you. 120 00:06:30,560 --> 00:06:32,860 But in the course, I'll refer to line number 7, 121 00:06:32,860 --> 00:06:36,160 line number 5. That way it's much easier for you to follow along. 122 00:06:36,160 --> 00:06:38,060 If you want to get rid of those line numbers, 123 00:06:38,060 --> 00:06:40,560 you could just go up to settings, preferences 124 00:06:41,460 --> 00:06:45,960 and right under editor, you could see show line numbers in the margin and you could just uncheck that. 125 00:06:45,960 --> 00:06:47,460 It's a whole bunch of other options. 126 00:06:47,820 --> 00:06:49,620 The other thing you might notice is 127 00:06:49,620 --> 00:06:53,020 you'll notice right here to the left of the end there's a little triangle. 128 00:06:53,620 --> 00:06:55,850 That's called a code folding triangle. 129 00:06:55,850 --> 00:06:57,350 So if I select that 130 00:06:57,350 --> 00:07:01,350 you can see what happens is notice I've got active right now lines 3, 4. 131 00:07:01,350 --> 00:07:03,650 Well, I've got all my lines, right, from 1 to 8. 132 00:07:03,650 --> 00:07:07,250 But when I select that, it hides lines 4, 5 and 6. 133 00:07:07,250 --> 00:07:10,950 And you get this horizontal line, showing you that yeah there is stuff in here. 134 00:07:10,950 --> 00:07:13,950 I'm just hiding it right now. This is called code folding. 135 00:07:14,250 --> 00:07:16,250 It basically just hides that code. 136 00:07:16,450 --> 00:07:19,050 This is real handy when you've got hundreds 137 00:07:19,050 --> 00:07:21,850 and hundreds of lines of code in your file, 138 00:07:21,850 --> 00:07:23,950 and you're scrolling through trying to find things. 139 00:07:23,950 --> 00:07:27,150 It's really really nice to be able to just fold some stuff up. 140 00:07:27,150 --> 00:07:30,550 In other words, I'm working on this function right now I don't need to see all the other ones. 141 00:07:30,550 --> 00:07:32,150 I just fold them out of the way. 142 00:07:32,810 --> 00:07:36,470 We'll get to use these features later on as our programs get bigger. But 143 00:07:36,470 --> 00:07:39,670 if you find yourself in the position where you've clicked on that by accident, 144 00:07:39,670 --> 00:07:43,370 you see this line and you're thinking oh my goodness where did my source code go, 145 00:07:43,370 --> 00:07:45,370 don't worry the source code is still there. 146 00:07:45,370 --> 00:07:47,370 Again, if you see that horizontal line, just 147 00:07:47,370 --> 00:07:49,970 click on that little triangle and it will show it for you. 148 00:07:49,970 --> 00:07:53,570 Also notice that the editor uses color coding 149 00:07:54,070 --> 00:07:58,170 to display certain things. So for example you can see that int 150 00:07:58,570 --> 00:08:01,170 and return are a purple color. 151 00:08:01,670 --> 00:08:06,070 And you can also see that hello project2 here is in this dark blue color. 152 00:08:06,070 --> 00:08:09,270 We've also got things in dark green, light green and so forth, 153 00:08:09,270 --> 00:08:12,470 also notice that the integer 0 is red. 154 00:08:12,470 --> 00:08:16,170 So there's rules that the IDE is using behind the scenes 155 00:08:16,170 --> 00:08:19,170 to make it easier for you to figure out what's going on. 156 00:08:19,670 --> 00:08:21,670 So one of the rules is it's saying hey 157 00:08:22,070 --> 00:08:26,470 you know what if you're seeing a reserve word or one of the keywords in c++ 158 00:08:26,470 --> 00:08:27,370 make them purple. 159 00:08:28,170 --> 00:08:31,770 You can tweak all of these by going to settings, colors and fonts, 160 00:08:32,270 --> 00:08:34,470 select c++ here on the left 161 00:08:35,169 --> 00:08:38,169 and you can customize the font that youwant to use for 162 00:08:38,830 --> 00:08:40,429 your keywords and so forth. 163 00:08:40,429 --> 00:08:44,420 I recommend you just leave this alone unless you have a real problem with some of the colors that are there. 164 00:08:46,020 --> 00:08:48,270 Okay. So that makes it really easy to 165 00:08:48,270 --> 00:08:51,270 figure out what's going on. So for example, let's say I forgot this 166 00:08:51,770 --> 00:08:52,870 quote right here. 167 00:08:52,870 --> 00:08:55,530 You can see that that entire thing is now a dark blue. 168 00:08:55,530 --> 00:08:59,390 That tells you something's not right. So we can always use that coloring 169 00:08:59,390 --> 00:09:02,890 to help us out. It's the IDE trying to make life easier for you. 170 00:09:03,690 --> 00:09:05,690 The output pane down at the bottom, 171 00:09:05,690 --> 00:09:09,790 this is where our compiler messages will be displayed when we build code. 172 00:09:09,790 --> 00:09:13,590 You know, it'll tell us what we're building, the status of the build and so forth. 173 00:09:14,090 --> 00:09:17,390 It'll also be handy for for doing global search and replaces, 174 00:09:17,790 --> 00:09:20,790 both at the workspace level and at the project level. 175 00:09:20,790 --> 00:09:24,090 I mean sometimes you want to change a name from hello to hello there. 176 00:09:24,090 --> 00:09:27,190 And it's really easy to do a global search and replace. 177 00:09:27,190 --> 00:09:29,190 There's a bunch of other tabs here. 178 00:09:29,440 --> 00:09:32,040 These tabs we're not going to use most of them. 179 00:09:32,040 --> 00:09:34,140 I'm basically just going to leave them alone. 180 00:09:34,140 --> 00:09:36,140 But if they bother you, you want to get rid of them, 181 00:09:36,140 --> 00:09:38,800 you can click on these three horizontal dots right here. 182 00:09:38,800 --> 00:09:40,800 These three vertical dots rather right here. 183 00:09:41,200 --> 00:09:45,000 And you can select to hide certain things. So let's say we don't want to see 184 00:09:45,000 --> 00:09:46,660 the BuildQ tab. 185 00:09:46,660 --> 00:09:50,660 Just select BuildQ and it hides it. You can always bring it back if you like. 186 00:09:51,160 --> 00:09:53,040 Like I said, I'm just going to leave them alone. 187 00:09:53,040 --> 00:09:56,340 But if you're if your screen real estate is small 188 00:09:56,340 --> 00:09:59,840 or your monitor is small and you're having trouble you know fitting all this stuff in, 189 00:09:59,840 --> 00:10:01,440 this is a really easy way to do it. 190 00:10:01,440 --> 00:10:04,440 The ones we're going to use the most are Build 191 00:10:04,440 --> 00:10:08,640 and Output and obviously Search and Replace can come in very handy. 192 00:10:09,240 --> 00:10:12,740 Okay. Now in the workspace view, we've also got some tabs. 193 00:10:12,740 --> 00:10:15,340 Now here, I'm going to spread this so you can see it a little bit. 194 00:10:15,340 --> 00:10:19,330 The only ones we're really going to use here are workspace, 195 00:10:19,330 --> 00:10:22,930 explorer and tabs. These last three tab groups, cmakehelp and wxcrafter, 196 00:10:22,930 --> 00:10:26,530 we're not really going to use them so what we can do is we can hide those. 197 00:10:26,530 --> 00:10:28,530 So again, I'll select the three dots, 198 00:10:29,130 --> 00:10:33,030 and I'll hide wxcrafter, I'll hide cmake, 199 00:10:33,030 --> 00:10:34,530 and I'll hide tab groups. 200 00:10:35,430 --> 00:10:39,430 That's it. That makes it a little less cluttered. And it's kind of nice to 201 00:10:39,430 --> 00:10:41,030 see it all there. 202 00:10:41,030 --> 00:10:42,830 This little drop down arrow here. 203 00:10:42,830 --> 00:10:46,130 If I'm in tabs and I select download I can go to workspace. 204 00:10:46,490 --> 00:10:48,990 If you only have three tabs, that's not really a big deal. 205 00:10:48,990 --> 00:10:51,990 But if you've got a lot of tabs then it's real nice to be able to 206 00:10:51,990 --> 00:10:55,290 do that, especially when when they're hidden and you can't see them in a 207 00:10:55,290 --> 00:10:56,890 situation like this. 208 00:10:58,390 --> 00:11:01,890 So the last thing I want to do is I want to show you that you can actually move 209 00:11:01,890 --> 00:11:03,190 these panes around. 210 00:11:03,690 --> 00:11:07,590 Now this is the default perspective that you get out of the can. 211 00:11:08,390 --> 00:11:12,050 Some people don't like the workspace view on the left, they prefer it on the right. 212 00:11:12,050 --> 00:11:15,050 So you could just grab the workspace view tab right here 213 00:11:15,050 --> 00:11:18,950 and, just move it over, drag it to the right and you'll see it light up. 214 00:11:19,850 --> 00:11:22,850 You can see here if I wanted to put it down here, it lights up. 215 00:11:22,850 --> 00:11:25,110 The area that it's going to be in lights up 216 00:11:25,110 --> 00:11:28,310 again at the top. You can choose to put it wherever you like. 217 00:11:28,310 --> 00:11:29,810 Let's say youlike it over here on the right. 218 00:11:30,610 --> 00:11:33,610 And some people like this workflow a little better. 219 00:11:33,610 --> 00:11:36,910 So now you've got your workspace here on the right and your editor on the left. 220 00:11:37,310 --> 00:11:40,610 You can do the same thing with this output view. 221 00:11:40,610 --> 00:11:43,610 I mean suppose I want to put my output view right under 222 00:11:43,610 --> 00:11:47,810 my workspace view, I could do that. Now I've got a really large editing area. 223 00:11:47,810 --> 00:11:49,410 It's totally up to you, 224 00:11:49,710 --> 00:11:53,010 the perspective that you use. This is a really personal decision. 225 00:11:54,010 --> 00:11:57,110 I've worked on teams where everybody on the team -- teams of hundreds. 226 00:11:57,110 --> 00:12:01,230 Everybody's got their own way of doing things. So everybody tweaks the environment their way. 227 00:12:01,230 --> 00:12:03,730 The nice thing about this is that if 228 00:12:03,730 --> 00:12:06,630 you download some project and it's got this 229 00:12:06,630 --> 00:12:09,930 perspective saved, you can always come up to perspective 230 00:12:10,530 --> 00:12:14,190 and click on default layout and that'll bring it right back to the default. 231 00:12:14,190 --> 00:12:18,090 So I can just select that and here I am back just back to scratch 232 00:12:18,090 --> 00:12:19,590 just like you came out of the can. 233 00:12:20,690 --> 00:12:24,690 If you prefer your layout to be a specific way, let's say, I like it like this and 234 00:12:24,690 --> 00:12:27,690 I want to move this over just a little bit here. 235 00:12:28,690 --> 00:12:31,690 And this guy's up here like that. 236 00:12:32,290 --> 00:12:35,890 Again, however you want to do it, you can come up to perspective 237 00:12:36,190 --> 00:12:39,190 and then save current layout as. 238 00:12:39,190 --> 00:12:42,690 So let's just say I want to call this Frank.layout. 239 00:12:46,190 --> 00:12:47,090 And I can save it. 240 00:12:48,590 --> 00:12:51,090 So I can switch between the default layout. 241 00:12:51,090 --> 00:12:54,090 And if I want to go back to my own layout, I can go back to Frank layout. 242 00:12:54,090 --> 00:12:57,990 Really, really easy to do. There's two layouts that come 243 00:12:57,990 --> 00:12:59,590 already pre-configured. 244 00:12:59,590 --> 00:13:02,390 One is the default layout which is the one I've shown you before. 245 00:13:02,390 --> 00:13:06,690 And the other one is the debug layout. This is the layout that's used when you're doing debugging. 246 00:13:06,690 --> 00:13:08,490 So if I select debug layout, 247 00:13:08,490 --> 00:13:12,690 you can see that I've got an output view pane on the left and a debugger pane on the right. 248 00:13:12,690 --> 00:13:16,690 And CodeLite will switch to this automatically when you go into debug mode. 249 00:13:16,690 --> 00:13:19,350 Again, if you have a better way of doing it that works for you, 250 00:13:19,350 --> 00:13:21,550 you can tweak this and save that perspective. 251 00:13:23,450 --> 00:13:27,050 So I'll switch back to the default perspective. 252 00:13:28,550 --> 00:13:32,190 And we can also use the view options 253 00:13:32,490 --> 00:13:34,490 to hide or view 254 00:13:34,490 --> 00:13:38,480 different panes. So for example if I don't want to see the output pane or the workspace pane, 255 00:13:38,480 --> 00:13:40,480 I can certainly hide them and view them. 256 00:13:40,480 --> 00:13:43,280 I can also do that here by closing up 257 00:13:43,280 --> 00:13:46,280 with that little x right there to close up the workspace view. 258 00:13:46,280 --> 00:13:49,940 I can also make the workspace view really large by clicking this icon right here. 259 00:13:49,940 --> 00:13:53,940 So you've got all these options. And I encourage you to play around with the environment 260 00:13:53,940 --> 00:13:57,240 and set it up to a place where you feel comfortable working. 261 00:13:57,240 --> 00:14:00,900 Recall, we talked about this in one of the installation videos 262 00:14:00,900 --> 00:14:02,500 that we can show a toolbar. 263 00:14:03,800 --> 00:14:06,900 So we can build and run and save and have all kinds of options 264 00:14:06,900 --> 00:14:09,200 by just clicking on these toolbar icons. 265 00:14:09,200 --> 00:14:12,200 I'm not going to use that since it really clutters things up for me. 266 00:14:12,200 --> 00:14:14,700 And I want to be able to explain exactly what I'm doing. 267 00:14:14,700 --> 00:14:18,800 So for example that icon right there says run active project. 268 00:14:18,800 --> 00:14:21,800 That one says start or continue debugger. 269 00:14:21,800 --> 00:14:25,800 So they can be confusing at first. I'm not going to use those. I'm simply going to come up here and 270 00:14:26,160 --> 00:14:27,760 tell you exactly what I'm doing. 271 00:14:27,760 --> 00:14:31,060 So I'm going to close the toolbar down but again feel free to use it. 272 00:14:31,860 --> 00:14:36,160 And that wraps up this quick tour of the CodeLite IDE. 273 00:14:36,560 --> 00:14:39,860 We are certainly going to use more features as the course progresses. 274 00:14:39,860 --> 00:14:43,760 In the next video, we'll create our first c++ program 275 00:14:43,760 --> 00:14:46,060 that goes a little bit beyond the hello world program. 276 00:14:46,060 --> 00:14:50,160 And we'll use that program to understand how the build process works within 277 00:14:50,160 --> 00:14:51,460 the CodeLite IDE.