1 00:00:00,210 --> 00:00:06,780 In this lecture, we're going to install the angular Seelye building an application is going to require 2 00:00:06,780 --> 00:00:08,130 dozens of tools. 3 00:00:08,460 --> 00:00:12,270 It's never a pleasant experience configuring various tools. 4 00:00:12,570 --> 00:00:18,720 However, it's a step we must take if we want to debug, build and deploy our project. 5 00:00:19,020 --> 00:00:23,550 Luckily, we can skip this step altogether with the angular ceiling. 6 00:00:24,210 --> 00:00:30,840 The Angular Seelye is an official tool by the angular team for configuring the tools required for running 7 00:00:30,840 --> 00:00:32,340 an angular application. 8 00:00:32,700 --> 00:00:37,050 By using this tool, we can start working on our application right away. 9 00:00:37,680 --> 00:00:41,310 The Seelye is capable of automating other tasks, too. 10 00:00:41,670 --> 00:00:47,580 It can build our project, start a development server, run tests and deploy an app. 11 00:00:47,910 --> 00:00:51,330 It's one of the most exhaustive tools Angular has to offer. 12 00:00:51,630 --> 00:00:57,180 As you will see, there are hundreds of options for managing our project with the Seelye. 13 00:00:57,750 --> 00:01:03,870 Let's briefly talk about how this really works under the hood during the development of our application. 14 00:01:03,900 --> 00:01:06,060 We're going to have dozens of files. 15 00:01:06,360 --> 00:01:12,150 They can range from TypeScript files to images and fonts as we write our code. 16 00:01:12,390 --> 00:01:15,180 They'll be processed through the angular seelye. 17 00:01:15,540 --> 00:01:21,240 In reality, the Seelye is a tool that manages other tools just to name a few. 18 00:01:21,330 --> 00:01:27,420 The tools are Web Pack, Babel, SAS and TypeScript, along with other tools. 19 00:01:27,750 --> 00:01:32,070 You don't need to know how these tools work to be able to work with Angular. 20 00:01:32,370 --> 00:01:34,620 That's one of the perks of using a framework. 21 00:01:34,800 --> 00:01:39,780 It handles the configuration for these tools, thus saving you hours of time. 22 00:01:40,530 --> 00:01:44,790 The purpose of running our code through these tools is to produce a bundle. 23 00:01:45,090 --> 00:01:49,020 The bundle is the application code that's been optimized for production. 24 00:01:49,410 --> 00:01:51,930 These files can be uploaded to a server. 25 00:01:52,230 --> 00:01:56,880 Overall, the SEELYE is a utility tool for managing projects. 26 00:01:58,860 --> 00:02:05,130 In the resource section of this lecture, I provide a link to the documentation page for the angular 27 00:02:05,130 --> 00:02:05,850 Seelye. 28 00:02:06,330 --> 00:02:10,110 Everything we need to know about this tool can be found on this page. 29 00:02:10,560 --> 00:02:15,210 One of the first sections on this page is the installation instructions. 30 00:02:15,720 --> 00:02:19,080 It's recommending we install these C align with 21:00. 31 00:02:19,380 --> 00:02:21,420 Let's copy the command they give us. 32 00:02:23,840 --> 00:02:29,000 Next, switch over to the command pace and run the command we copied earlier. 33 00:02:29,300 --> 00:02:31,030 If you're on a Mac or Linux. 34 00:02:31,070 --> 00:02:34,910 Be sure to add the pseudo command before installing the package. 35 00:02:35,180 --> 00:02:37,040 The installation may take a while. 36 00:02:37,160 --> 00:02:38,000 Be patient. 37 00:02:43,010 --> 00:02:46,960 The installation should be complete if you get a couple of warnings. 38 00:02:47,030 --> 00:02:48,350 That's completely normal. 39 00:02:48,620 --> 00:02:54,470 We can verify if the insulation was a success by typing the energy version command. 40 00:02:57,000 --> 00:03:00,690 This command will output the version of the package we've installed. 41 00:03:00,930 --> 00:03:04,950 In addition, it'll provide information on the environment we're running in. 42 00:03:05,220 --> 00:03:09,060 It's likely be versions of your environment will be different than mine. 43 00:03:09,420 --> 00:03:14,340 That's perfectly fine as long as the ceiling, too is working on your machine. 44 00:03:15,120 --> 00:03:20,160 The nji command we've typed was created when we installed the Seelye package. 45 00:03:20,700 --> 00:03:27,040 Any time we want to work with the Seelye, we need to type energy, followed by the Sub Command. 46 00:03:27,060 --> 00:03:32,370 We'd like to run the version command is just one of the many commands from this tool. 47 00:03:32,910 --> 00:03:37,830 The Seelye has another command for viewing a list of commands and options. 48 00:03:38,100 --> 00:03:41,020 Let's check it out inside the command line. 49 00:03:41,040 --> 00:03:43,710 We will run the Nji Help Command. 50 00:03:46,270 --> 00:03:52,420 This command will immediately output a list of commands available from the angular Seelye package, 51 00:03:52,690 --> 00:03:58,600 we can perform actions such as deployments, running tests or creating a new project. 52 00:03:58,960 --> 00:04:05,710 Feel free to explore these commands in the next lecture, we're going to use the Seelye to install a 53 00:04:05,710 --> 00:04:07,690 fresh, angular application.