使用 Angular CLI 快速搭建项目框架,以下是详细步骤:

  1. 安装依赖
    确保已安装 Node.jsnpm,可点击Node.js下载页面获取安装包
    ✅ 运行命令:npm install -g @angular/cli

  2. 生成项目
    使用 CLI 创建新项目:

    ng new my-angular-project
    

    📁 项目结构包含:src/(源码目录)、angular.json(配置文件)、package.json(依赖管理)

  3. 启动开发服务器
    进入项目目录并运行:

    cd my-angular-project
    ng serve
    

    🌐 访问 http://localhost:4200 查看运行效果

  4. 自定义配置

    • 修改 angular.json 调整构建参数
    • 通过 ng generate 命令添加组件/服务
    • 推荐阅读:Angular CLI 官方文档

Angular_CLI

Angular_project_structure

需要进一步学习?可前往 Angular 入门教程 深入了解核心概念