使用 Angular CLI 快速搭建项目框架,以下是详细步骤:
安装依赖
确保已安装 Node.js 和 npm,可点击Node.js下载页面获取安装包
✅ 运行命令:npm install -g @angular/cli
生成项目
使用 CLI 创建新项目:ng new my-angular-project
📁 项目结构包含:
src/
(源码目录)、angular.json
(配置文件)、package.json
(依赖管理)启动开发服务器
进入项目目录并运行:cd my-angular-project ng serve
🌐 访问 http://localhost:4200 查看运行效果
自定义配置
- 修改
angular.json
调整构建参数 - 通过
ng generate
命令添加组件/服务 - 推荐阅读:Angular CLI 官方文档
- 修改
Angular_CLI
需要进一步学习?可前往 Angular 入门教程 深入了解核心概念