Here’s a cheat sheet that will help you find the commands you need for most of the things that you would want to do with the Angular CLI. For a brief introduction to the Angular CLI you can explore this tutorial.
See which version of the CLI you’re using:
- ng --version
- npm uninstall -g @angular/cli cache clean
- npm install -g @angular/cli@latest
Get general help:
- ng help
Or get help for a specific command:
- ng help generate
Generate a new project:
- ng new my-app
And here are a few flags you can use:
--dry-run: See which files would be created, but don’t actually do anything.
--verbose: Be more chatty.
npm install, useful when offline or with slow internet.
--skip-tests: Don’t create spec files.
--skip-git: Don’t initialize a git repo.
--source-dir: Name of the source directory
--routing: Add routing to the app.
--prefix: Specify the prefix to use for components selectors.
--style: Defaults to
css, but can be set to
--inline-style: Use inline styles for components instead of separate files.
--inline-template: Use inline templates for components instead of separate files.
Here’s an example with a few flags:
- ng new my-app --prefix yo --style scss --skip-tests --verbose
Generate a component:
- ng g c unicorn-component
Generate a service:
- ng g s everything-service
Generate a pipe:
- ng g pipe my-pipe
Generate a directive:
- ng g directive my-directive
Generate an enum:
- ng g enum some-enum
Generate a module:
- ng g module fancy-module
Generate a class:
- ng g cl my-class
Generate an interface:
- ng g interface my-interface
Generate a route guard:
- ng g guard my-guard
--verbose flags can be used with any generate command.
Serve your project
- ng s
Serve and open in your default browser automatically:
- ng s -o
Serve to a different port:
- ng s --port 5555
- ng test
And some flags you can use with the
--watch: Retest when some files change.
--code-coverage: Add a coverage report.
--progress: Show the progress while running the tests.
--browsers: Specify which browsers to use.
--colors: Use colors in the output or not.
Run the linter:
- ng lint
A few flags for the linter:
--fix: Apply fixes for linting errors.
--force: Force success even when linting fails.
Build your app with the
- ng build
And here are some flags that you can use with build:
--target: Specify the target for the build (e.g.:
--aot: Use ahead of time compilation.
--base-href: Specify the base href to use.
--deploy-url: Specify the deployment url.
--watch: Rebuild every time a file changes.
The Angular CLI doesn’t do it for your project anymore? Just eject, and you’ll have the full Webpack config available to tweak to your heart’s desire:
- ng eject
These are some of the most common commands for the Angular CLI. For a brief introduction to the Angular CLI, you can explore this tutorial.
Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Click below to sign up and get $200 of credit to try our products over 60 days!
Enter your email to get $200 in credit for your first 60 days with DigitalOcean.