This site runs best with JavaScript enabled.

Use Single File Components By Default

First Published: March 27th, 2020

By default, the Angular CLI generates components with separate CSS and template files. It doesn't have to be this way! Let's learn how to use the CLI to generate single file components.

Check out the video here:

And here's the code:

Got other ideas for the Angular basics collection? Something you're struggling with? Reach out on Twitter any time.

← Back to writing
Share article

I send emails about getting better at coding and life.

I'm on a path to become a better human and developer and I want to bring as many friends with me as possible. Want to join me? Sign up below. 👇

Sam Julien © 2020