为何ng new app命令生成的Angular应用版本低于最新的12版本，如何创建Angular 12应用？

看起来你是因为全局Angular CLI版本停留在8.x，所以创建新项目时默认生成了Angular8的版本，直接跨版本升级还遇到了依赖冲突问题。别担心，下面给你一步步解决的方法，帮你顺利创建Angular12的应用：

第一步：卸载旧版全局Angular CLI #

先把全局的旧版本CLI彻底卸载，避免不同版本之间的冲突：

npm uninstall -g @angular/cli
# 如果你用yarn包管理器，执行这个：
# yarn global remove @angular/cli

第二步：安装Angular 12对应的CLI版本 #

Angular CLI的版本和Angular框架版本是一一匹配的，要创建Angular12项目，就安装12.x版本的CLI：

npm install -g @angular/cli@12
# yarn用户执行：
# yarn global add @angular/cli@12

安装完成后，验证一下版本是否正确：

ng version

你应该会看到输出里的Angular CLI版本为12.x.x，你的Node 14.17.3版本完全符合Angular12的要求（Angular12支持Node 12、14、16版本）。

第三步：创建Angular 12项目 #

现在执行创建命令，就能直接生成Angular12版本的项目了：

ng new my-angular12-app

可选方案：不修改全局CLI版本 #

如果你需要保留全局的旧版CLI（比如要同时维护多个不同版本的Angular项目），可以用npx临时指定CLI版本来创建项目，这样不会影响全局配置：

npx @angular/cli@12 new my-angular12-app

关于你之前升级失败的补充说明 #

你直接从Angular8升级到9时遇到的依赖冲突，是因为跨大版本升级时，部分工具包的peer dependency要求不兼容。如果之后需要把现有Angular8项目升级到12，建议分步升级：先升级到9，解决完依赖问题后再升级到10，接着到11，最后到12，每一步执行的命令类似：

# 升级到Angular9
ng update @angular/cli@9 @angular/core@9
# 确认没问题后，升级到Angular10
ng update @angular/cli@10 @angular/core@10
# 依次升级到11、12

分步升级能最大程度减少依赖冲突的概率。

内容的提问来源于stack exchange，提问作者sensorario