Angular cli download
Author: s | 2025-04-25
Download angular-cli (PDF) angular-cli. Getting started with angular-cli; angular-cli project deployment on apache tomcat server; Working with angular-cli: Generating components, directives, pipes, services, etc. angular-cli. Getting started with angular-cli; Installs (30 days) angular-cli: 2,471: angular-cli -HEAD: 5: Installs on Request (30 days) angular-cli: 2,471: angular-cli -HEAD: 5: Build Errors (30 days) angular-cli
angular/angular-cli: CLI tool for Angular - GitHub
1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:npm uninstall -g angular-clinpm uninstall --save-dev angular-cliTo update Angular CLI to a new version, you must update both the global package and your project's local package.Global package:npm uninstall -g @angular/clinpm cache verify# if npm version is npm install -g @angular/cli@latestLocal project package:rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShellnpm install --save-dev @angular/cli@latestnpm installIf you are updating to 1.0 from a beta or RC version, check out our 1.0 Update Guide.You can find more details about changes between versions in the Releases tab on GitHub.Development Hints for working on Angular CLIWorking with mastergit clone run buildcd dist/@angular/clinpm linknpm link is very similar to npm install -g except that instead of downloading the packagefrom the repo, the just built dist/@angular/cli/ folder becomes the global package.Additionally, this repository publishes several packages and we use special logic to load all of themon development setups.Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/cli package,meaning that, in order to quickly test any changes you make to the cli project, you should simply just run npm run buildagain.Now you can use @angular/cli via the command line:ng new foocd foonpm link @angular/cling servenpm link @angular/cli is needed because by default the globally installed @angular/cli just loadsthe local @angular/cli from the project which was fetched remotely from npm.npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package.Now the angular-cli you cloned before is in three places:The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.You can also use ng new foo --link-cli to automatically link the @angular/cli package.Please read the official npm-link documentationand the npm-link cheatsheet for more information.To run the Angular CLI E2E test suite, use the node ./tests/legacy-cli/run_e2e command.It can also receive a filename to only run that test (e.g. node ./tests/legacy-cli/run_e2e tests/legacy-cli/e2e/tests/build/dev-build.ts).As part of the test procedure, all packages will be built and linked.You will need to re-run npm link to re-link the development Angular CLI environment after tests finish.Debugging with VS CodeIn order to debug some Angular CLI behaviour using Visual Studio Code, you can run npm run build, and then use a launch configuration like the RC version, check out our 1.0 Update Guide.You can find more details about changes between versions in the Releases tab on GitHub.Development Hints for working on Angular CLIWorking with mastergit clone run buildcd dist/@angular/clinpm linknpm link is very similar to npm install -g except that instead of downloading the packagefrom the repo, the just built dist/@angular/cli/ folder becomes the global package.Additionally, this repository publishes several packages and we use special logic to load all of themon development setups.Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/cli package,meaning that, in order to quickly test any changes you make to the cli project, you should simply just run npm run buildagain.Now you can use @angular/cli via the command line:ng new foocd foonpm link @angular/cling servenpm link @angular/cli is needed because by default the globally installed @angular/cli just loadsthe local @angular/cli from the project which was fetched remotely from npm.npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package.Now the angular-cli you cloned before is in three places:The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.You can also use ng new foo --link-cli to automatically link the @angular/cli package.Please read the official npm-link documentationand the npm-link cheatsheet for more information.To run the Angular CLI E2E test suite, use the node ./tests/legacy-cli/run_e2e command.It can also receive a filename to only run that test (e.g. node ./tests/legacy-cli/run_e2e tests/legacy-cli/e2e/tests/build/dev-build.ts).As part of the test procedure, allAngular CLI - The CLI tool for Angular. - npm
Executing migrations of package '@angular/cli' **❯ Angular Workspace migration. Update an Angular CLI workspace to version 9.UPDATE angular.json (8832 bytes)UPDATE ngsw-config.json (1508 bytes)UPDATE src/tsconfig.app.json (380 bytes)UPDATE package.json (5243 bytes)✔ Packages installed successfully. Migration completed.❯ Lazy loading syntax migration. Update lazy loading syntax to use dynamic imports. Migration completed.An unhandled exception occurred: Cannot find module '@angular-devkit/schematics'Require stack:- /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/export-ref.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/utilities/json-schema.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/models/command-runner.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/cli/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/init.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/bin/ngSee "/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/ng-PMjFIi/angular-errors.log" for further details.The angular-errors.log file content:[error] Error: Cannot find module '@angular-devkit/schematics'Require stack:- /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/export-ref.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/utilities/json-schema.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/models/command-runner.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/cli/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/init.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/bin/ng at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15) at Function.Module._load (internal/modules/cjs/loader.js:687:27) at Module.require (internal/modules/cjs/loader.js:849:19) at require (internal/modules/cjs/helpers.js:74:18) at /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js:19:26 at /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js:10:17 at Object. (/Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js:16:3) at Module._compile (internal/modules/cjs/loader.js:956:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10) at Module.load (internal/modules/cjs/loader.js:812:32) at Function.Module._load (internal/modules/cjs/loader.js:724:14) at Module.require (internal/modules/cjs/loader.js:849:19) at require (internal/modules/cjs/helpers.js:74:18) at new ExportStringRef (/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/export-ref.js:18:25) at NodeModulesEngineHost._resolveReferenceString (/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/node-module-engine-host.js:58:21) at NodeModulesEngineHost.createSchematicDescription (/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/file-system-engine-host-base.js:173:34)🌍 Your EnvironmentAngular CLI: 8.3.20Node: 12.12.0OS: darwin x64Angular: 8.2.14... animations, common, compiler, compiler-cli, core, forms... language-service, platform-browser, platform-browser-dynamic... router, service-workerPackage Version-----------------------------------------------------------@angular-devkit/architect 0.803.20@angular-devkit/build-angular 0.803.20@angular-devkit/build-optimizer 0.803.20@angular-devkit/build-webpack 0.803.20@angular-devkit/core 8.3.20@angular-devkit/schematics 8.3.20@angular/cli 8.3.20@angular/pwa 0.803.20@ngtools/webpack 8.3.20@schematics/angular 8.3.20@schematics/update 0.803.20rxjs 6.5.3typescript 3.5.3webpack 4.39.2I will try to be as helpful as possible, but no clue what more data I could provide atm.. Download angular-cli (PDF) angular-cli. Getting started with angular-cli; angular-cli project deployment on apache tomcat server; Working with angular-cli: Generating components, directives, pipes, services, etc. angular-cli. Getting started with angular-cli; Installs (30 days) angular-cli: 2,471: angular-cli -HEAD: 5: Installs on Request (30 days) angular-cli: 2,471: angular-cli -HEAD: 5: Build Errors (30 days) angular-cliangular-cli Tutorial = Getting started with angular-cli
RC version, check out our 1.0 Update Guide.You can find more details about changes between versions in the Releases tab on GitHub.Development Hints for working on Angular CLIWorking with mastergit clone run buildcd dist/@angular/clinpm linknpm link is very similar to npm install -g except that instead of downloading the packagefrom the repo, the just built dist/@angular/cli/ folder becomes the global package.Additionally, this repository publishes several packages and we use special logic to load all of themon development setups.Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/cli package,meaning that, in order to quickly test any changes you make to the cli project, you should simply just run npm run buildagain.Now you can use @angular/cli via the command line:ng new foocd foonpm link @angular/cling servenpm link @angular/cli is needed because by default the globally installed @angular/cli just loadsthe local @angular/cli from the project which was fetched remotely from npm.npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package.Now the angular-cli you cloned before is in three places:The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.You can also use ng new foo --link-cli to automatically link the @angular/cli package.Please read the official npm-link documentationand the npm-link cheatsheet for more information.To run the Angular CLI E2E test suite, use the node ./tests/legacy-cli/run_e2e command.It can also receive a filename to only run that test (e.g. node ./tests/legacy-cli/run_e2e tests/legacy-cli/e2e/tests/build/dev-build.ts).As part of the test procedure, all packages will be built and linked.You will need to re-run npm link to re-link the development Angular CLI environment after tests finish.Debugging with VS CodeIn order to debug some Angular CLI behaviour using Visual Studio Code, you can run npm run build, and then use a launch configuration like the following:{ "type": "node", "request": "launch", "name": "ng serve", "cwd": "", "program": "${workspaceFolder}/dist/@angular/cli/bin/ng", "args": [ "", ...other arguments ], "console": "integratedTerminal"}Then you can add breakpoints in dist/@angular files.For more informations about Node.js debugging in VS Code, see the related VS Code Documentation.CPU ProfilingIn order to investigate performance issues, CPU profiling is often useful.To capture a CPU profiling, you can:install the v8-profiler-node8 dependency: npm install v8-profiler-node8 --no-saveset the NG_CLI_PROFILING Environment variable to the file name you want:on Unix systems (Linux & Mac OS X): ̀export NG_CLI_PROFILING=my-profileon Windows: ̀̀setx NG_CLI_PROFILING my-profileThen, just run the ng command on which you want to capture a CPU profile.You will then obtain a my-profile.cpuprofile file in the folder from which you ran the ng command.You can use the Chrome Devtools to process it. To do so:open chrome://inspect/#devices in Chromeclick on "Open dedicated DevTools for Node"go to the "profiler" tabclick on the "Load" button and select the generated .cpuprofile fileon the left panel, select the associated fileIn addition to this one, another, more elaborated way to capture a CPU profile using the Chrome Devtools is detailed in documentation for the Angular CLI is located in this repo's wiki.LicenseMIT Angular CLINoteIf you are updating from a beta or RC version, check out our 1.0 Update Guide.If you wish to collaborate, check out our issue list.Before submitting new issues, have a look at issues marked with the type: faq label.PrerequisitesBoth the CLI and generated project have dependencies that require Node 8.9 or higher, togetherwith NPM 5.5.1 or higher.Table of ContentsInstallationUsageGenerating a New ProjectGenerating Components, Directives, Pipes and ServicesUpdating Angular CLIDevelopment Hints for working on Angular CLIDocumentationLicenseInstallationBEFORE YOU INSTALL: please read the prerequisitesInstall Globallynpm install -g @angular/cliInstall LocallyTo run a locally installed version of the angular-cli, you can call ng commands directly by adding the .bin folder within your local node_modules folder to your PATH. The node_modules and .bin folders are created in the directory where npm install @angular/cli was run upon completion of the install command.Alternatively, you can install npx and run npx ng within the local directory where npm install @angular/cli was run, which will use the locally installed angular-cli.Install Specific Version (Example: 6.1.1)npm install -g @angular/[email protected] and serving an Angular project via a development serverng new PROJECT-NAMEcd PROJECT-NAMEng serveNavigate to The app will automatically reload if you change any of the source files.You can configure the default HTTP host and port used by the development server with two command-line options :ng serve --host 0.0.0.0 --port 4201Generating Components, Directives, Pipes and ServicesYou can use the ng generate (or just ng g) command to generate Angular components:ng generate component my-new-componentng g component my-new-component # using the alias# components support relative path generation# if in the directory src/app/feature/ and you runng g component new-cmp# your component will be generated in src/app/feature/new-cmp# but if you were to runng g component ./newer-cmp# your component will be generated in src/app/newer-cmp# if in the directory src/app you can also runng g component feature/new-cmp# and your component will be generated in src/app/feature/new-cmpYou can find all possible blueprints in the table below:ScaffoldUsageComponentng g component my-new-componentDirectiveng g directive my-new-directivePipeng g pipe my-new-pipeServiceng g service my-new-serviceClassng g class my-new-classGuardng g guard my-new-guardInterfaceng g interface my-new-interfaceEnumng g enum my-new-enumModuleng g module my-moduleangular-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:ng g module new-module to create a new modulecall ng g component new-module/new-componentThis should add the new component, directive or pipe reference to the new-module you've created.Updating Angular CLIIf you're using Angular CLI 1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:npm uninstall -g angular-clinpm uninstall --save-dev angular-cliTo update Angular CLI to a new version, you must update both the global package and your project's local package.Global package:npm uninstall -g @angular/clinpm cache verify# if npm version is npm install -g @angular/cli@latestLocal project package:rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShellnpm install --save-dev @angular/cli@latestnpm installIf you are updating to 1.0 from a beta orReleases angular/angular-cli - GitHub
Path generation# if in the directory src/app/feature/ and you runng g component new-cmp# your component will be generated in src/app/feature/new-cmp# but if you were to runng g component ./newer-cmp# your component will be generated in src/app/newer-cmp# if in the directory src/app you can also runng g component feature/new-cmp# and your component will be generated in src/app/feature/new-cmpYou can find all possible blueprints in the table below:ScaffoldUsageComponentng g component my-new-componentDirectiveng g directive my-new-directivePipeng g pipe my-new-pipeServiceng g service my-new-serviceClassng g class my-new-classGuardng g guard my-new-guardInterfaceng g interface my-new-interfaceEnumng g enum my-new-enumModuleng g module my-moduleangular-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:ng g module new-module to create a new modulecall ng g component new-module/new-componentThis should add the new component, directive or pipe reference to the new-module you've created.Updating Angular CLIIf you're using Angular CLI 1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:npm uninstall -g angular-clinpm uninstall --save-dev angular-cliTo update Angular CLI to a new version, you must update both the global package and your project's local package.Global package:npm uninstall -g @angular/clinpm cache verify# if npm version is npm install -g @angular/cli@latestLocal project package:rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShellnpm install --save-dev @angular/cli@latestnpm installIf you are updating to 1.0 from a beta orIs there a compatibility list for Angular / Angular-CLI and
5 Sep 20248 minutes to readThis section explains the steps required to create a simple Angular PDF Viewer and demonstrates the basic usage of the PDF Viewer control in a Angular CLI application.Setup Angular EnvironmentYou can use the Angular CLI to setup your Angular applications.To install the latest Angular CLI globally use the following command.npm install -g @angular/cli Use the command npm install –save @angular/[email protected] to install the Angular CLI version 12.0.2Create an Angular ApplicationStart a new Angular application using the Angular CLI command as follows.Installing Syncfusion PDF Viewer packageAll the available Essential JS 2 packages are published in npmjs.com registry. To install PDF Viewer component, use the following command.npm install @syncfusion/ej2-angular-pdfviewer --saveRegistering PDF Viewer ModuleImport PDF Viewer module into Angular application(app.module.ts) from the package @syncfusion/ej2-angular-pdfviewer [src/app/app.module.ts].import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';// import the PdfViewer Module for the PDF Viewer componentimport { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService, FormDesignerService, FormFieldsService, AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';import { AppComponent } from './app.component';@NgModule({ //declaration of ej2-angular-pdfviewer module into NgModule imports: [BrowserModule, PdfViewerModule], declarations: [AppComponent], bootstrap: [AppComponent], providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService, AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]})export class AppModule { }Adding CSS referenceAdd the Angular PDF Viewer component’s styles as given below in src/styles.css file.@import '../node_modules/@syncfusion/ej2-base/styles/material.css';@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';@import '../node_modules/@syncfusion/ej2-pdfviewer/styles/material.css';@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';Adding PDF Viewer componentAdd the Angular PDF Viewer by using selector in template section of the src/app/app.component.ts file to render the PDF Viewer component.import { Component, OnInit } from '@angular/core';import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService, FormDesignerService, FormFieldsService, AnnotationService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';@Component({ selector: 'app-root', // specifies the template string for the PDF Viewer component template: ` [serviceUrl]='service' [documentPath]='document' style="height:640px;display:block"> `, providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService, AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService]})export class AppComponent implements OnInit { public service = ' public document: string = ' ngOnInit(): void { }}Run the applicationUse the following command to run the application in browser.The output will appear as follows.app.component.tsmain.tsimport { BrowserModule } from '@angular/platform-browser'import { NgModule } from '@angular/core'import {. Download angular-cli (PDF) angular-cli. Getting started with angular-cli; angular-cli project deployment on apache tomcat server; Working with angular-cli: Generating components, directives, pipes, services, etc. angular-cli. Getting started with angular-cli;Angular CLI - Install or Update the latest version of Angular CLI
🐞 Bug reportCommand (mark with an x) new build serve test e2e generate add update lint xi18n run config help version docDescriptionHi there, after reading a tweet from Igor to test out the new RC of ng9 I tried it on our application. The update command is not able to be finished even with flag --force due to the log below.🔥 Exception or Errorng update @angular/core @angular/cli --next --forceThe installed Angular CLI version is older than the latest pre-release version.Installing a temporary version to perform the update.Installing packages for tooling via npm.Installed packages for tooling via npm.Using package manager: 'npm'Collecting installed dependencies...Found 74 dependencies.Fetching dependency metadata from registry... Package "@angular/core" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/compiler-cli" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/compiler" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/common" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/animations" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/platform-browser" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/forms" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/router" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/platform-browser-dynamic" has a missing peer dependency of "tslib" @ "^1.10.0". Package "@angular/service-worker" has a missing peer dependency of "tslib" @ "^1.10.0". Updating package.json with dependency @angular/cli @ "9.0.0-rc.5" (was "8.3.20")... Updating package.json with dependency @angular/core @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/compiler-cli @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/language-service @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular-devkit/build-angular @ "0.900.0-rc.5" (was "0.803.20")... Updating package.json with dependency @angular/compiler @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/common @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/animations @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/platform-browser @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/forms @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/router @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/platform-browser-dynamic @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency @angular/service-worker @ "9.0.0-rc.5" (was "8.2.14")... Updating package.json with dependency typescript @ "3.6.4" (was "3.5.3")...UPDATE package.json (5246 bytes)✔ Packages installed successfully.**Comments
1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:npm uninstall -g angular-clinpm uninstall --save-dev angular-cliTo update Angular CLI to a new version, you must update both the global package and your project's local package.Global package:npm uninstall -g @angular/clinpm cache verify# if npm version is npm install -g @angular/cli@latestLocal project package:rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShellnpm install --save-dev @angular/cli@latestnpm installIf you are updating to 1.0 from a beta or RC version, check out our 1.0 Update Guide.You can find more details about changes between versions in the Releases tab on GitHub.Development Hints for working on Angular CLIWorking with mastergit clone run buildcd dist/@angular/clinpm linknpm link is very similar to npm install -g except that instead of downloading the packagefrom the repo, the just built dist/@angular/cli/ folder becomes the global package.Additionally, this repository publishes several packages and we use special logic to load all of themon development setups.Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/cli package,meaning that, in order to quickly test any changes you make to the cli project, you should simply just run npm run buildagain.Now you can use @angular/cli via the command line:ng new foocd foonpm link @angular/cling servenpm link @angular/cli is needed because by default the globally installed @angular/cli just loadsthe local @angular/cli from the project which was fetched remotely from npm.npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package.Now the angular-cli you cloned before is in three places:The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.You can also use ng new foo --link-cli to automatically link the @angular/cli package.Please read the official npm-link documentationand the npm-link cheatsheet for more information.To run the Angular CLI E2E test suite, use the node ./tests/legacy-cli/run_e2e command.It can also receive a filename to only run that test (e.g. node ./tests/legacy-cli/run_e2e tests/legacy-cli/e2e/tests/build/dev-build.ts).As part of the test procedure, all packages will be built and linked.You will need to re-run npm link to re-link the development Angular CLI environment after tests finish.Debugging with VS CodeIn order to debug some Angular CLI behaviour using Visual Studio Code, you can run npm run build, and then use a launch configuration like the
2025-04-17RC version, check out our 1.0 Update Guide.You can find more details about changes between versions in the Releases tab on GitHub.Development Hints for working on Angular CLIWorking with mastergit clone run buildcd dist/@angular/clinpm linknpm link is very similar to npm install -g except that instead of downloading the packagefrom the repo, the just built dist/@angular/cli/ folder becomes the global package.Additionally, this repository publishes several packages and we use special logic to load all of themon development setups.Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/cli package,meaning that, in order to quickly test any changes you make to the cli project, you should simply just run npm run buildagain.Now you can use @angular/cli via the command line:ng new foocd foonpm link @angular/cling servenpm link @angular/cli is needed because by default the globally installed @angular/cli just loadsthe local @angular/cli from the project which was fetched remotely from npm.npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package.Now the angular-cli you cloned before is in three places:The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.You can also use ng new foo --link-cli to automatically link the @angular/cli package.Please read the official npm-link documentationand the npm-link cheatsheet for more information.To run the Angular CLI E2E test suite, use the node ./tests/legacy-cli/run_e2e command.It can also receive a filename to only run that test (e.g. node ./tests/legacy-cli/run_e2e tests/legacy-cli/e2e/tests/build/dev-build.ts).As part of the test procedure, all
2025-03-26Executing migrations of package '@angular/cli' **❯ Angular Workspace migration. Update an Angular CLI workspace to version 9.UPDATE angular.json (8832 bytes)UPDATE ngsw-config.json (1508 bytes)UPDATE src/tsconfig.app.json (380 bytes)UPDATE package.json (5243 bytes)✔ Packages installed successfully. Migration completed.❯ Lazy loading syntax migration. Update lazy loading syntax to use dynamic imports. Migration completed.An unhandled exception occurred: Cannot find module '@angular-devkit/schematics'Require stack:- /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/export-ref.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/utilities/json-schema.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/models/command-runner.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/cli/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/init.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/bin/ngSee "/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/ng-PMjFIi/angular-errors.log" for further details.The angular-errors.log file content:[error] Error: Cannot find module '@angular-devkit/schematics'Require stack:- /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/export-ref.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/utilities/json-schema.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/models/command-runner.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/cli/index.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/lib/init.js- /private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular/cli/bin/ng at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15) at Function.Module._load (internal/modules/cjs/loader.js:687:27) at Module.require (internal/modules/cjs/loader.js:849:19) at require (internal/modules/cjs/helpers.js:74:18) at /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js:19:26 at /Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js:10:17 at Object. (/Users/konradcerny/Sites/Erento/frontend-som/node_modules/@angular/core/schematics/migrations/move-document/index.js:16:3) at Module._compile (internal/modules/cjs/loader.js:956:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10) at Module.load (internal/modules/cjs/loader.js:812:32) at Function.Module._load (internal/modules/cjs/loader.js:724:14) at Module.require (internal/modules/cjs/loader.js:849:19) at require (internal/modules/cjs/helpers.js:74:18) at new ExportStringRef (/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/export-ref.js:18:25) at NodeModulesEngineHost._resolveReferenceString (/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/node-module-engine-host.js:58:21) at NodeModulesEngineHost.createSchematicDescription (/private/var/folders/zl/ltj48w2n2hgcptmp_fh69mkm0000gn/T/.ng-temp-packages-qjhg0F/node_modules/@angular-devkit/schematics/tools/file-system-engine-host-base.js:173:34)🌍 Your EnvironmentAngular CLI: 8.3.20Node: 12.12.0OS: darwin x64Angular: 8.2.14... animations, common, compiler, compiler-cli, core, forms... language-service, platform-browser, platform-browser-dynamic... router, service-workerPackage Version-----------------------------------------------------------@angular-devkit/architect 0.803.20@angular-devkit/build-angular 0.803.20@angular-devkit/build-optimizer 0.803.20@angular-devkit/build-webpack 0.803.20@angular-devkit/core 8.3.20@angular-devkit/schematics 8.3.20@angular/cli 8.3.20@angular/pwa 0.803.20@ngtools/webpack 8.3.20@schematics/angular 8.3.20@schematics/update 0.803.20rxjs 6.5.3typescript 3.5.3webpack 4.39.2I will try to be as helpful as possible, but no clue what more data I could provide atm.
2025-04-03RC version, check out our 1.0 Update Guide.You can find more details about changes between versions in the Releases tab on GitHub.Development Hints for working on Angular CLIWorking with mastergit clone run buildcd dist/@angular/clinpm linknpm link is very similar to npm install -g except that instead of downloading the packagefrom the repo, the just built dist/@angular/cli/ folder becomes the global package.Additionally, this repository publishes several packages and we use special logic to load all of themon development setups.Any changes to the files in the angular-cli/ folder will immediately affect the global @angular/cli package,meaning that, in order to quickly test any changes you make to the cli project, you should simply just run npm run buildagain.Now you can use @angular/cli via the command line:ng new foocd foonpm link @angular/cling servenpm link @angular/cli is needed because by default the globally installed @angular/cli just loadsthe local @angular/cli from the project which was fetched remotely from npm.npm link @angular/cli symlinks the global @angular/cli package to the local @angular/cli package.Now the angular-cli you cloned before is in three places:The folder you cloned it into, npm's folder where it stores global packages and the Angular CLI project you just created.You can also use ng new foo --link-cli to automatically link the @angular/cli package.Please read the official npm-link documentationand the npm-link cheatsheet for more information.To run the Angular CLI E2E test suite, use the node ./tests/legacy-cli/run_e2e command.It can also receive a filename to only run that test (e.g. node ./tests/legacy-cli/run_e2e tests/legacy-cli/e2e/tests/build/dev-build.ts).As part of the test procedure, all packages will be built and linked.You will need to re-run npm link to re-link the development Angular CLI environment after tests finish.Debugging with VS CodeIn order to debug some Angular CLI behaviour using Visual Studio Code, you can run npm run build, and then use a launch configuration like the following:{ "type": "node", "request": "launch", "name": "ng serve", "cwd": "", "program": "${workspaceFolder}/dist/@angular/cli/bin/ng", "args": [ "", ...other arguments ], "console": "integratedTerminal"}Then you can add breakpoints in dist/@angular files.For more informations about Node.js debugging in VS Code, see the related VS Code Documentation.CPU ProfilingIn order to investigate performance issues, CPU profiling is often useful.To capture a CPU profiling, you can:install the v8-profiler-node8 dependency: npm install v8-profiler-node8 --no-saveset the NG_CLI_PROFILING Environment variable to the file name you want:on Unix systems (Linux & Mac OS X): ̀export NG_CLI_PROFILING=my-profileon Windows: ̀̀setx NG_CLI_PROFILING my-profileThen, just run the ng command on which you want to capture a CPU profile.You will then obtain a my-profile.cpuprofile file in the folder from which you ran the ng command.You can use the Chrome Devtools to process it. To do so:open chrome://inspect/#devices in Chromeclick on "Open dedicated DevTools for Node"go to the "profiler" tabclick on the "Load" button and select the generated .cpuprofile fileon the left panel, select the associated fileIn addition to this one, another, more elaborated way to capture a CPU profile using the Chrome Devtools is detailed in documentation for the Angular CLI is located in this repo's wiki.LicenseMIT
2025-04-05Angular CLINoteIf you are updating from a beta or RC version, check out our 1.0 Update Guide.If you wish to collaborate, check out our issue list.Before submitting new issues, have a look at issues marked with the type: faq label.PrerequisitesBoth the CLI and generated project have dependencies that require Node 8.9 or higher, togetherwith NPM 5.5.1 or higher.Table of ContentsInstallationUsageGenerating a New ProjectGenerating Components, Directives, Pipes and ServicesUpdating Angular CLIDevelopment Hints for working on Angular CLIDocumentationLicenseInstallationBEFORE YOU INSTALL: please read the prerequisitesInstall Globallynpm install -g @angular/cliInstall LocallyTo run a locally installed version of the angular-cli, you can call ng commands directly by adding the .bin folder within your local node_modules folder to your PATH. The node_modules and .bin folders are created in the directory where npm install @angular/cli was run upon completion of the install command.Alternatively, you can install npx and run npx ng within the local directory where npm install @angular/cli was run, which will use the locally installed angular-cli.Install Specific Version (Example: 6.1.1)npm install -g @angular/[email protected] and serving an Angular project via a development serverng new PROJECT-NAMEcd PROJECT-NAMEng serveNavigate to The app will automatically reload if you change any of the source files.You can configure the default HTTP host and port used by the development server with two command-line options :ng serve --host 0.0.0.0 --port 4201Generating Components, Directives, Pipes and ServicesYou can use the ng generate (or just ng g) command to generate Angular components:ng generate component my-new-componentng g component my-new-component # using the alias# components support relative path generation# if in the directory src/app/feature/ and you runng g component new-cmp# your component will be generated in src/app/feature/new-cmp# but if you were to runng g component ./newer-cmp# your component will be generated in src/app/newer-cmp# if in the directory src/app you can also runng g component feature/new-cmp# and your component will be generated in src/app/feature/new-cmpYou can find all possible blueprints in the table below:ScaffoldUsageComponentng g component my-new-componentDirectiveng g directive my-new-directivePipeng g pipe my-new-pipeServiceng g service my-new-serviceClassng g class my-new-classGuardng g guard my-new-guardInterfaceng g interface my-new-interfaceEnumng g enum my-new-enumModuleng g module my-moduleangular-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:ng g module new-module to create a new modulecall ng g component new-module/new-componentThis should add the new component, directive or pipe reference to the new-module you've created.Updating Angular CLIIf you're using Angular CLI 1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:npm uninstall -g angular-clinpm uninstall --save-dev angular-cliTo update Angular CLI to a new version, you must update both the global package and your project's local package.Global package:npm uninstall -g @angular/clinpm cache verify# if npm version is npm install -g @angular/cli@latestLocal project package:rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShellnpm install --save-dev @angular/cli@latestnpm installIf you are updating to 1.0 from a beta or
2025-04-14Path generation# if in the directory src/app/feature/ and you runng g component new-cmp# your component will be generated in src/app/feature/new-cmp# but if you were to runng g component ./newer-cmp# your component will be generated in src/app/newer-cmp# if in the directory src/app you can also runng g component feature/new-cmp# and your component will be generated in src/app/feature/new-cmpYou can find all possible blueprints in the table below:ScaffoldUsageComponentng g component my-new-componentDirectiveng g directive my-new-directivePipeng g pipe my-new-pipeServiceng g service my-new-serviceClassng g class my-new-classGuardng g guard my-new-guardInterfaceng g interface my-new-interfaceEnumng g enum my-new-enumModuleng g module my-moduleangular-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:ng g module new-module to create a new modulecall ng g component new-module/new-componentThis should add the new component, directive or pipe reference to the new-module you've created.Updating Angular CLIIf you're using Angular CLI 1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:npm uninstall -g angular-clinpm uninstall --save-dev angular-cliTo update Angular CLI to a new version, you must update both the global package and your project's local package.Global package:npm uninstall -g @angular/clinpm cache verify# if npm version is npm install -g @angular/cli@latestLocal project package:rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShellnpm install --save-dev @angular/cli@latestnpm installIf you are updating to 1.0 from a beta or
2025-04-11