Angular CLI作为Angular开发的核心工具，是提升开发效率的关键。无论是新手搭建第一个项目，还是资深开发者优化构建流程，熟练掌握CLI命令都能让开发事半功倍。本文精心整理了Angular CLI全场景实用命令，覆盖项目创建、组件/服务/模块生成、依赖管理、调试运行、打包部署等核心开发环节，更附带命令速查表格，方便随时翻阅。除基础命令外，还深入拆解实用技巧：从命令缩写、参数组合到自定义配置优化，教你用更少代码实现更多功能；同时针对开发者常踩的”坑”——如依赖冲突、命令执行失败、构建产物过大等问题，提供清晰的排查思路和解决方案。无论你是刚接触Angular的入门者，还是希望精进技术的开发者，这份指南都能帮你系统掌握CLI用法，避开90%的常见错误，让开发流程更顺畅、效率UP！
Angular CLI是Angular开发的”瑞士军刀”，但很多开发者要么记不住命令参数，要么用不对高级功能，白白浪费效率。这篇文章帮你系统搞定它——从最基础的项目创建，到组件、服务、模块的快速生成，再到依赖管理、调试运行、打包部署，全流程命令一次讲透，还配了直观的速查表格，随用随翻不用死记。除了基础操作，更有能直接上手的实用技巧：比如用ng g c的缩写+参数组合，30秒生成带路由的组件；自定义angular.json配置，让构建速度提升40%；还有很少有人知道的命令钩子，帮你自动化重复工作。最关键的是避坑指南：之前带团队开发时，遇到过ng build产物突然增大3倍的情况，最后发现是没配好prod参数；还有新手常踩的”组件生成后找不到”，其实是模块没引入——这些真实踩过的坑，文章里都有详细的排查步骤和解决办法。不管你是刚接触Angular的新人，还是想提升效率的老开发者，这份指南都能让你从”会用CLI”到”用好CLI”，让开发流程顺畅得像开了倍速。
打包产物体积太大确实是Angular项目里常见的头疼问题，特别是项目做到中后期，引入的依赖越来越多，有时候一个build下来，dist文件夹能有七八兆，用户加载的时候半天出不来，后台还总收到用户反馈“页面卡半天”。其实很多人不知道，光用对命令就能解决大半问题——你平时打包是不是直接敲ng build？如果是，那可就亏大了。生产环境构建一定要加configuration production参数（简写prod也行），这个参数可不只是简单改个环境，它会自动开启代码压缩、Tree-Shaking，还会用AOT编译把模板提前编译成JS，彻底去掉没用到的代码。我去年帮一个电商项目优化的时候，就发现他们团队一直用开发环境命令打包，结果dist文件夹有5.2MB，加上prod参数重新打包后，体积直接降到2.3MB，加载速度快了近一倍，用户投诉立马少了很多。
除了命令参数，配置budgets也特别关键，相当于给资源体积设个“警戒线”。你打开angular.json，在architect→build→configurations→production里找到budgets配置项，加一段类似{“type”: “initial”,”maximumWarning”: “2mb”,”maximumError”: “3mb”}的代码，意思就是初始加载的JS文件超过2MB警告，3MB直接报错。这样开发的时候只要一打包，就能立刻发现哪个文件异常增大。我之前遇到过一个组件，开发同学图方便直接引入了整个UI库，结果单个组件的CSS文件就1.5MB，靠budgets配置提前发现了，后来改成按需引入，一下省了1.2MB。 用vendor-chunk=true把第三方依赖单独打包也很实用，像lodash、rxjs这些不变的库，分离出来后浏览器会缓存，用户第二次访问就不用重新加载。之前那个5.2MB的电商项目，加上budgets和vendor-chunk配置，最后优化到1.8MB，上线后首屏加载时间从3.5秒压到1.2秒，效果特别明显。
如何查看当前安装的Angular CLI版本？
可以通过命令行执行 ng version 或缩写 ng v 查看当前Angular CLI版本，该命令会同时显示Angular核心框架版本、Node.js版本等环境信息，方便排查版本兼容性问题。
Angular CLI命令执行时提示“命令未找到”怎么办？
这种情况通常是Angular CLI未正确安装或环境变量未配置。首先检查是否已全局安装CLI：执行 npm list -g @angular/cli，若未显示版本号，需重新安装 npm install -g @angular/cli；若已安装但仍提示未找到，可能是Node.js的全局npm路径未添加到系统环境变量，需检查并配置环境变量后重启命令行。
生成组件时忘记指定路径，组件默认会创建在哪里？
使用 ng generate component（或缩写 ng g c）生成组件时，若未通过 path 参数指定路径，组件会默认创建在当前命令行所在目录的 src/app/[组件名] 文件夹下。若需调整位置，可手动将生成的组件文件夹移动到目标路径，并在对应模块的 declarations 数组中更新组件路径引用。
如何通过Angular CLI快速更新项目依赖到最新版本？
可以使用 ng update 命令一键更新项目依赖，执行 ng update 会先检查当前项目依赖的可更新版本，再执行 ng update @angular/core @angular/cli 即可更新Angular核心框架和CLI到最新稳定版。更新前 先提交代码，避免因版本差异导致冲突。
Angular CLI打包时如何减小构建产物体积？
可通过以下方式优化：
ng build configuration production（或缩写 ng build prod），该命令会自动开启代码压缩、Tree-Shaking和AOT编译；angular.json 中配置 budgets 限制资源体积，提前发现过大的JS/CSS文件；3. 通过 vendor-chunk=true 分离第三方依赖，利用浏览器缓存减少重复加载。实际项目中曾通过这些配置将构建产物体积从5MB优化到1.8MB。
