如何使用 Angular CLI 创建一个新的 Angular 项目？

推荐答案

要使用 Angular CLI 创建一个新的 Angular 项目，可以按照以下步骤操作：

1. 安装 Angular CLI（如果尚未安装）：

   npm install -g @angular/cli

2. 创建新项目：

   ng new my-app

   其中 my-app 是项目的名称，你可以根据需要替换为其他名称。

3. 选择配置选项：

   • 是否添加 Angular 路由（Would you like to add Angular routing?）：根据需要选择 Y 或 N。
   • 选择样式表格式（Which stylesheet format would you like to use?）：可以选择 CSS、SCSS、SASS、LESS 或 Stylus。

4. 进入项目目录：

   cd my-app

5. 启动开发服务器：

   ng serve

   默认情况下，应用会在 http://localhost:4200/ 上运行。

本题详细解读

1. 安装 Angular CLI

Angular CLI 是 Angular 官方提供的命令行工具，用于快速创建和管理 Angular 项目。通过全局安装 Angular CLI，你可以在任何目录下使用 ng 命令。

2. 创建新项目

ng new 命令用于创建一个新的 Angular 项目。它会自动生成项目的基本结构，包括配置文件、依赖项和初始代码。

3. 选择配置选项

在创建项目时，Angular CLI 会询问一些配置选项：

• Angular 路由：如果你计划在项目中使用 Angular 的路由功能，可以选择 Y 来生成路由模块。
• 样式表格式：Angular 支持多种样式表格式，你可以根据团队或个人的偏好选择合适的格式。

4. 进入项目目录

创建项目后，使用 cd 命令进入项目目录，以便后续操作。

5. 启动开发服务器

ng serve 命令会启动一个开发服务器，并自动编译和重新加载应用。你可以通过浏览器访问 http://localhost:4200/ 来查看应用。

通过以上步骤，你可以快速创建一个新的 Angular 项目，并开始开发。