{"id":20247614,"url":"https://github.com/design4pro/angular-cli-docs","last_synced_at":"2026-05-12T09:41:30.603Z","repository":{"id":85778021,"uuid":"148750914","full_name":"design4pro/angular-cli-docs","owner":"design4pro","description":"The missing Angular CLI documentation","archived":false,"fork":false,"pushed_at":"2018-09-24T09:34:00.000Z","size":383,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-14T02:16:32.813Z","etag":null,"topics":["angular","angular-cli","documentation"],"latest_commit_sha":null,"homepage":"https://design4pro.gitbook.io/angular-cli/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/design4pro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-14T07:18:25.000Z","updated_at":"2018-09-17T11:38:34.000Z","dependencies_parsed_at":"2023-03-06T18:30:15.175Z","dependency_job_id":null,"html_url":"https://github.com/design4pro/angular-cli-docs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design4pro%2Fangular-cli-docs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design4pro%2Fangular-cli-docs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design4pro%2Fangular-cli-docs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design4pro%2Fangular-cli-docs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/design4pro","download_url":"https://codeload.github.com/design4pro/angular-cli-docs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241693565,"owners_count":20004449,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-cli","documentation"],"created_at":"2024-11-14T09:38:11.896Z","updated_at":"2025-11-29T09:04:41.495Z","avatar_url":"https://github.com/design4pro.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"---\ndescription: Missing command line interface documentation for Angular\n---\n\n# Angular CLI\n\nThe official documentation for the Angular CLI is located in this repo's [wiki](https://github.com/angular/angular-cli/wiki).\n\n### What Is Angular CLI?\n\nAngular CLI is a command-line interface \\(CLI\\) to automate your development workflow. It allows you to:\n\n* create a new Angular application\n* run a development server with LiveReload support to preview your application during development\n* add features to your existing Angular application\n* run your application’s unit tests\n* run your application’s end-to-end \\(E2E\\) tests\n* build your application for deployment to production.\n\n### Prerequisites {#prerequisites}\n\nBoth the CLI and generated project have dependencies that **require** `Node 8.9` or higher, together with `NPM 5.5.1` or higher.\n\nYou can download the latest version of Node.js for your operating system and consult the latest installation instructions on the [_official Node.js website_](https://nodejs.org/).\n\nIf you already have Node.js and npm installed, you can **verify** their version by running:\n\n{% code-tabs %}\n{% code-tabs-item title=\"displays your Node.js version\" %}\n```bash\nnode -v\n```\n{% endcode-tabs-item %}\n{% endcode-tabs %}\n\n{% code-tabs %}\n{% code-tabs-item title=\"displays your npm version\" %}\n```text\nnpm -v\n```\n{% endcode-tabs-item %}\n{% endcode-tabs %}\n\n### Getting Started\n\nTo install the Angular CLI:\n\n```bash\nnpm install -g @angular/cli@latest\n```\n\nor\n\n```bash\nyarn global add @angular/cli@latest\n```\n\nThen make sure that it’s installed on your system and prints out version 6.0 or greater.\n\n```bash\nng --version\n```\n\n![](.gitbook/assets/ng-version%20%281%29.png)\n\n### Usage\n\n```text\nng help\n```\n\n**Generating and serving an Angular project via a development server.**  \n[_Create_](commands/ng-new.md) and [_run_](commands/ng-serve.md) a new project:\n\n```bash\nng new my-project\n```\n\n```text\ncd my-project\n```\n\n```text\nng serve\n```\n\nNavigate to [_http://localhost:4200/_](http://localhost:4200/). The app will automatically reload if you change any of the source files.\n\nYou can configure the default HTTP host and port used by the development server with two command-line options :\n\n```bash\nng serve --host 0.0.0.0 --port 4201\n```\n\n### Generating\n\nYou can use the `ng generate` \\(or just `ng g`\\) command to generate Angular components, directives, pipes, services and more.\n\nYou can find all possible blueprints in the table below:\n\n| Scaffold | Usage |\n| :--- | :--- |\n| [Component](https://github.com/angular/angular-cli/wiki/generate-component) | `ng g component my-new-component` |\n| [Directive](https://github.com/angular/angular-cli/wiki/generate-directive) | `ng g directive my-new-directive` |\n| [Pipe](https://github.com/angular/angular-cli/wiki/generate-pipe) | `ng g pipe my-new-pipe` |\n| [Service](https://github.com/angular/angular-cli/wiki/generate-service) | `ng g service my-new-service` |\n| [Class](https://github.com/angular/angular-cli/wiki/generate-class) | `ng g class my-new-class` |\n| [Guard](https://github.com/angular/angular-cli/wiki/generate-guard) | `ng g guard my-new-guard` |\n| [Interface](https://github.com/angular/angular-cli/wiki/generate-interface) | `ng g interface my-new-interface` |\n| [Enum](https://github.com/angular/angular-cli/wiki/generate-enum) | `ng g enum my-new-enum` |\n| [Module](https://github.com/angular/angular-cli/wiki/generate-module) | `ng g module my-module` |\n\nangular-cli will add reference to `components`, `directives` and `pipes` automatically in the `app.module.ts`. If you need to add this references to another custom module, follow these steps:\n\n1. `ng g module new-module` to create a new module\n2. call `ng g component new-module/new-component`\n\nThis should add the new `component`, `directive` or `pipe` reference to the `new-module`you've created.\n\n### Updating\n\nTo update Angular CLI to a new version, you must update both the global package and your project's local package.\n\n**Global package**:\n\n```bash\nnpm uninstall -g @angular/cli\n```\n\n```text\nnpm cache verify\n```\n\nIf npm version is \u0026lt; 5 then use `npm cache clean`\n\n```text\nnpm install -g @angular/cli@latest\n```\n\n**Local project package**:\n\n```bash\nrm -rf node_modules dist\n```\n\nUse rmdir /S/Q node\\_modules dist in Windows Command Prompt; use rm -r -fo node\\_modules,dist in Windows PowerShell\n\n```text\nnpm install --save-dev @angular/cli@latest\n```\n\n```text\nnpm install\n```\n\nYou can find more details about changes between versions in [_the Releases tab on GitHub_](https://github.com/angular/angular-cli/releases).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdesign4pro%2Fangular-cli-docs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdesign4pro%2Fangular-cli-docs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdesign4pro%2Fangular-cli-docs/lists"}