Angular Cli & Tools Interview Questions

Angular CLI is command-line tool for Angular development. Features: project generation, development server, build optimization, code generation, testing utilities. Provides commands for common development tasks, project scaffolding.

Use 'ng new project-name' command. Configure routing, styling options. Creates project structure, installs dependencies. Options include: --routing, --style, --skip-tests, --strict. Consider project requirements.

Schematics are templates for code generation. Create custom generators, modify existing ones. Used by CLI for component/service generation. Support project-specific templates.

Configuration through angular.json file. Define build options, environments, assets. Configure multiple projects, shared settings. Important for project customization.

ng serve options: --port (custom port), --open (auto browser), --ssl (HTTPS), --proxy-config (API proxy). Configure development server behavior. Important for local development.

Environment config through environment.ts files. Define environment-specific variables. Use fileReplacements in angular.json. Important for different deployment scenarios.

ng generate creates application elements. Commands for components, services, pipes, etc. Options include: --flat, --skip-tests, --module. Supports custom schematics.

Production optimization through ng build --prod. Enables ahead-of-time compilation, minification, tree shaking. Configure build options in angular.json. Consider performance budgets.

DevTools browser extension for debugging. Features: component inspection, profiling, state management. Helps with performance analysis, debugging. Important for development workflow.

CI/CD implementation through build commands, test runners. Configure deployment scripts, environment handling. Consider build optimization, testing automation.

Builders customize build process, extend CLI capabilities. Create custom builders for specific needs. Configure in angular.json. Important for build customization.

Dependency management through ng add, ng update commands. Install Angular-specific packages, update versions. Consider compatibility, migration requirements.

ng lint checks code quality, style guidelines. Configure rules in tslint.json/eslint.json. Enforce coding standards, catch errors. Important for code quality.

Custom schematics through @angular-devkit/schematics. Create templates, transformation rules. Test using schematics-cli. Important for project-specific generators.

Workspace configs in angular.json define project settings. Configure build options, serve options, test options. Support multiple projects, shared configurations.

PWA implementation through @angular/pwa package. Use ng add @angular/pwa command. Configure service worker, manifest. Consider offline capabilities.

Build configurations define different build settings. Configure in angular.json configurations section. Support multiple environments, build options. Important for deployment.

Bundle analysis through source-map-explorer, webpack-bundle-analyzer. Use ng build --stats-json option. Identify large modules, optimize size. Important for performance.

Differential loading serves modern/legacy bundles. Enabled by default in new projects. Reduces bundle size for modern browsers. Consider browser support requirements.

Library creation using ng generate library. Configure package.json, public API. Build using ng build library-name. Important for code sharing.

Asset configuration in angular.json assets array. Define source paths, output paths, glob patterns. Handle static files, images. Important for resource management.

i18n implementation through ng xi18n command. Extract messages, configure translations. Support multiple languages, build configurations. Important for localization.

CLI proxies configure backend API routing. Define in proxy.conf.json. Handle CORS, development APIs. Important for local development.

Custom builders extend CLI capabilities. Implement Builder interface, define schema. Test using builder testing utilities. Important for custom build processes.

Project references define project dependencies. Configure in tsconfig.json. Support monorepo setups, shared code. Important for multi-project workspaces.

ESLint integration through @angular-eslint packages. Configure rules, plugins. Replace TSLint (deprecated). Important for code quality.

Deployment commands build production-ready code. Use ng build --prod, configure environments. Consider deployment platform requirements. Important for release process.

Testing utilities through ng test, ng e2e commands. Configure Karma, Protractor settings. Support unit tests, e2e tests. Important for quality assurance.

Update strategies using ng update command. Handle dependency updates, migrations. Consider breaking changes, testing. Important for maintenance.

Workspace scripts in package.json. Define custom commands, build processes. Support development workflow, automation. Important for project management.