Angular 本地开发指南
使用 Angular CLI 创建项目，在 localhost:4200 启动开发服务器，支持组件、路由与依赖注入。
Angular 是 Google 维护的企业级 TypeScript 前端框架，提供完整的 CLI 工具链、组件化架构、路由、表单与 HTTP 客户端，适合大型 SPA 与后台管理系统。
快速开始
npm install -g @angular/cli
ng new my-app
cd my-app
ng serve或使用非全局安装：
npx @angular/cli@latest new my-app
cd my-app
npx ng serve默认 localhost 访问
| 用途 | 地址 |
|---|---|
| 开发服务器 | http://localhost:4200 |
修改端口：ng serve --port 4300 或在 angular.json 中配置 serve.options.port。
常用命令
| 命令 | 说明 |
|---|---|
ng serve | 启动开发服务器（热更新） |
ng build | 构建到 dist/ |
ng test | 运行单元测试 |
ng generate component foo | 生成组件脚手架 |
与后端 API 联调
开发阶段可在 proxy.conf.json 中配置代理，将 /api 转发到本机后端：
{
"/api": {
"target": "http://localhost:8080",
"secure": false
}
}启动时加上：ng serve --proxy-config proxy.conf.json。
小结
Angular 本地开发默认 **http://localhost:4200**，结构规范、工具链成熟，适合 TypeScript 大型前端项目与团队协作。