能直接跑起来但卡在空白页或404，关键在于ng serve虽启动成功却未正确加载应用：需确认终端输出“compiled successfully”和“http://localhost:4200/”，手动输入无尾斜杠的url，并检查是否因端口占用静默切换至4201。
能直接跑起来，但卡在空白页或 404 的概率远高于报错——关键不是“能不能启动”，而是 ng serve 启动后是否真把应用加载进了浏览器上下文。
ng serve 启动后打不开 localhost:4200？先确认这三件事
很多“跑不起来”其实是服务起来了，只是没被正确访问或拦截了：
-
ng serve输出里必须看到类似Compiled successfully和http://localhost:4200/行；如果只卡在Compiling...或报ERROR in ./src/main.ts，说明 TypeScript 编译失败，不是运行问题 - 浏览器地址栏手动输入
http://localhost:4200（注意没有 trailing slash 有时会 301 重定向失败；带#的 URL 如http://localhost:4200/#是旧路由写法，新项目默认不启用 hashLocationStrategy） - 检查终端是否被 Ctrl+C 中断过又重跑——Angular CLI 默认复用端口，但若上次进程没彻底退出，新
ng serve可能静默 fallback 到:4201，输出里会提示Port 4200 is already in use, using port 4201 instead
VSCode 终端里执行 ng serve 但没反应？检查工作目录和依赖状态
VSCode 打开的文件夹必须是 Angular 项目的根目录（含 angular.json、package.json），否则 ng serve 会报 Could not find project configuration file 'angular.json'：
- 按
Ctrl + `呼出集成终端后，第一眼先看路径：终端 prompt 应该显示类似/path/to/my-angular-app $；如果不是，用cd切进去 - 首次打开项目，必须先运行
npm install（或yarn install）；node_modules缺失时ng serve会直接报错退出，而不是等待 - 如果
ng命令未识别，说明全局 CLI 没装好，或终端用了不同 shell（比如 zsh 里 npm 全局 bin 路径没加进$PATH），优先尝试npx ng serve
页面空白但控制台无报错？大概率是路由或组件挂载问题
Angular 应用编译成功、HTTP 服务响应 200，但页面白屏，90% 是前端逻辑问题，和 VSCode 无关：
- 检查
src/app/app.component.html是否为空，或只写了注释；默认模板里应有<router-outlet></router-outlet>（启用路由时）或至少一个可见元素 - 如果用了
--routing创建项目，但app-routing.module.ts里没配置默认路由（如{ path: '', component: HomeComponent }），访问/就不会渲染任何内容 - 查看浏览器 DevTools 的 Network 标签页，确认
main.js、polyfills.js等资源状态码是 200；若出现 404，说明构建产物路径错乱，常见于修改过angular.json中的outputPath或baseHref
想改端口或自动打开浏览器？别硬记参数，查 package.json 就行
ng serve 的常用行为其实都定义在 package.json 的 scripts 里，改这里比每次敲命令更可靠：
- 默认
"start": "ng serve"；想换端口，改成"start": "ng serve --port 4201"，然后运行npm start - 加
--open自动唤起浏览器："start": "ng serve --open"；但注意某些系统（如 WSL2）可能打不开，此时去掉该参数手动访问更稳 - 如果项目启用了 HTTPS 开发（比如对接后端 API 需要 secure context），用
--ssl，但必须配好证书，否则浏览器会拦截
真正容易被忽略的点是：Angular 的热更新（HMR）和 Live Reload 依赖浏览器 WebSocket 连接，如果公司网络策略屏蔽了非标准端口的 ws 连接，ng serve 虽然显示 “compiled successfully”，但页面不会自动刷新——这时得手动 F5，且无法触发断点调试。这种环境问题，VSCode 本身无解，只能换网络或配代理。
