CodeRoadMap
路线图课程知识库文章题库资源社区我的学习
CodeRoadMap

程序员的学习成长路线图。登录解锁全部课程,并同步路线图与课时进度。

学习

  • 路线图
  • 课程
  • 文章
  • 题库
  • 知识库

更多

  • 资源
  • 社区
  • 我的学习
  • 内容说明

© 2026 CodeRoadMap

津ICP备2026012044号-1·coderoadmap@126.com
开发路线图/Angular 路线图/创建新项目
阶段二

创建新项目

借助 **Angular CLI**,新建 Angular 项目变得轻车熟路——它是一个能自动化初始设置过程的命令行工具。首先确保 Node.js 和 npm 已安装,然后通过 `npm install -g @angular/cli` 全局安装该 CLI。装好后,进入你想要的目录,用 `ng new your-project-name` 初始化一个新项目,期间会提示你配置路由、样式表格式等选项,`--standalone` 标志在现代项目中也很常见。项目脚手架搭建、依赖安装完成后,进入新项目目录(`cd your-project-name`),用 `ng serve` 启动开发服务器,即可在浏览器中访问你的新 Angular 应用,地址通常是 `http://localhost:4200/`。

登录查看节点详情

首阶段节点可试读;登录后解锁全部路线图节点正文与进度同步。

登录免费注册
← 上一节点Angular 架构下一节点 →Angular 及其历史