Angular 20.x 版本创建新的Angular 项目遇到的选项安装 ng new user-angular
你看到的提示:
? Do you want to create a 'zoneless' application without zone.js (Developer Preview)? (y/N)
是因为 Angular 20.x 版本开始引入了“zoneless mode”(无需 zone.js 的运行时模式)作为开发者预览功能。
什么是 zoneless 模式?
-
Angular 传统上依赖 zone.js 来检测变更(Change Detection),但它会增加一些性能和调试成本。
-
Zoneless mode 表示 Angular 不再自动使用 zone.js,而是使用更现代的变更检测方式(如 Signals)。
你该如何选择?
是否使用 zoneless | 适合人群 | 建议 |
---|---|---|
❌ 选择 No (默认) | 初学者 / 老项目 | ✅ 推荐(更兼容,社区支持多) |
✅ 选择 Yes | 高级开发者,想试验新功能 | ⚠️ Developer Preview,谨慎使用 |
✅ 操作建议
按回车使用默认选项 No 即可:
? Do you want to create a 'zoneless' application without zone.js (Developer Preview)? (y/N)
直接输入 N 或按回车:
✅ 然后继续正常创建 Angular 项目
ng new user-angular
然后根据提示配置(是否使用路由、样式格式等)
创建完成后,进入目录并启动开发服务器:
cd user-angular
ng serve
打开浏览器访问:
http://localhost:4200
这个提示是 Angular CLI 在创建项目时问你:
是否启用服务端渲染(SSR)和静态网站生成(SSG/Prerendering)?
解释:
概念 | 含义 | 用途 |
---|---|---|
SSR (Server-Side Rendering) | Angular 页面先在服务器上渲染成 HTML,再发送到浏览器 | 提升首屏加载速度,利于 SEO |
SSG (Static Site Generation) 或 Prerendering | 项目构建时预生成静态 HTML 页面(不是运行时服务器) | 适合内容静态的网站,比如博客、文档、官网等 |
你该如何选择?
选择 | 建议人群 | 特点 |
---|---|---|
N (默认)❌ 不启用 SSR/SSG | 绝大多数应用,尤其是后台管理、内部系统等 | 前端单页应用(SPA),部署简单 |
Y ✅ 启用 SSR/SSG | 需要更好 SEO 或首屏加载速度优化的官网、商城等 | 增加复杂性,需配置服务器或静态构建流程 |