Introduction to the Angular CLI - Tutorial for Beginners

I decided to make a tutorial for beginners on how to get up and running with the Angular CLI. In this video, I'll show you how to install the CLI, create your first component, and how to install bootstrap and other third-party libraries.

💖Show Support:

**Don't forget to subscribe!**

**SOCIAL**

#AngularJs #Javascript #CLI

[yogigrantz]

Nice video, ultra clear presentation, very helpful information! Thank you Alex!

[MaxJacobson]

Thank-you so much! I was trying to implement the Froala editor for angular 4 and didn't realize I needed to re-serve my app in order to see the changes. Thank-you so much!

[isurumdev]

Thanks Alex. I really enjoyed the tutorial. This is my first tutorial on Angular 2. Please do more videos on the topic. Thanks Again!

[NorthAmericanSlacker]

The scripts and styles arrays. Thanks! Was trying to figure out what the secret was there.

[joda]

Thanks Alex. I really enjoyed the vedio :)

[ro_cavallcante]

Very nice video! It helped me a lot!!! Do you have something teaching how to use an api with angular cli?

[robertomalatesta]

CSS scoping is the most valuable thing in ng2.

[nifteen]

Great tutorial @Alex. I was hoping you'd cover off how to bundle the output for use in prod, is this something you plan to cover in a future tute?

[simonvuong]

as my projects grow larger, i much prefer explicit imports. it allows me to know exactly where my variables are defined and provides more predictable behavior. there are no "hidden side effects" or "action at a distance." everything is clear and defined. it is especially useful when working in a team.

say a team member adds and uses $blue and i wanna see the implementation detail of $blue. without explicit imports would dig around (there should probably exist some organized file structure where all my constants are defined) or i can ask my teammate. additionally, if i edit the implementation, what side effects will happen? what other files does it touch?

but with explicit imports i can quickly navigate to the variable implementation. i can also quickly see all the places it is being used by checking where it's imported.

[mburolla]

I would love to know how you ship a simple Angular 2 app. For example, do you simply run ng serve on the production web box?

[ashishsogsun]

How did you include .scss files instead of css?

[versiontwenty]

Fairly unrelated, but how did you get Visual Studio as a shortcut in Finder (to quickly perform an open-with operation)???