快速入门指南

  1. 安装依赖

    • 安装 Node.jsnpm(确保版本 ≥ 16)
    • 通过终端执行:
      npm install -g @angular/cli
      
      📦 会自动安装 Angular CLI 工具,如需查看安装进度,可插入图片:
      npm_install_progress
  2. 创建项目

    • 使用命令:
      ng new my-angular-app
      
      🧱 选择默认配置后,项目结构会自动生成。插入图片:
      angular_project_structure
  3. 运行与调试

    • 启动开发服务器:
      ng serve
      
      🚀 打开浏览器访问 http://localhost:4200 查看效果。插入图片:
      terminal_commands

扩展阅读

小贴士

✅ 使用快捷键 Ctrl+Shift+P 可快速调出命令面板
🔧 安装 Angular Language Service 插件优化代码提示
📁 项目文件夹建议使用英文命名,避免中文路径兼容问题

angular_vscode_integration