Exploring New Angular Versions using npx

ByYogesh Mishra
November 3rd . 2 min read
 New Angular Versions Using npx

Okay, so you know when you're working on older projects, and they start getting all wonky because the versions don't match up?

Happens to all of us. People usually stick with their 'go-to' global version and hardly ever update it. But what if you wanna test out the newer stuff in React, Angular, or other frameworks?

Upgrading the global CLI every time gets a bit messy, right?

That's where 'npx' steps in to save the day! It's like npm, but it helps you run commands from locally installed packages, or even globally. It's got this cool thing where it’ll find stuff in the npm registry if it's not on your machine, and then it just uses it for your command.

How to say 'Bye' to Your Global Angular CLI Version

So, say you want to say 'bye-bye' to your global Angular CLI version.

Here's how you'd do it:

npm uninstall -g @angular/cli

Now, Let's talk about creating an Angular project using 'npx':

npx @angular/cli new my-app

But what if you're in the mood to try a specific Angular version?

Here's how you can go about it:

npx @angular/cli@SPECIFIC_VERSION new my-app

And for making components or providers, just hit up this command:

npx ng generate component my-component

And when you wanna start your app:

npx ng serve

Mix 'npx' and npm scripting in your package.json for your own perfect workflow setup. Using 'npx' helps to keep things flexible and keeps you from getting in a twist with different Angular versions.


In conclusion, when it comes to exploring new Angular versions and maintaining flexibility in your development workflow, 'npx' is your trusty companion.

It offers a seamless way to manage different Angular versions without the hassle of constantly updating the global CLI. Whether you're starting a new Angular project or experimenting with a specific version, 'npx' has you covered.

By mixing 'npx' with npm scripting in your package.json, you can tailor your development setup to perfection, making it easier than ever to work with different Angular versions.

To know more Angular Features to Detect Form Value Changes and its button to save the data, Click here.

So, embrace 'npx' as a valuable tool in your toolkit to keep your Angular projects up to date and your development process smooth and efficient.

Happy coding!