📜  Angular CLI | Angular项目设置(1)

📅  最后修改于: 2023-12-03 15:13:23.380000             🧑  作者: Mango

Angular CLI | Angular项目设置

Angular CLI(Command Line Interface)是一个由Angular官方提供的工具,可用于创建、管理和构建Angular应用程序。使用CLI可以快速创建组织良好的Angular应用程序,自动管理依赖项,并使用Webpack进行构建。

安装CLI

要使用CLI,需要先安装它。您可以通过运行以下命令来安装CLI:

npm install -g @angular/cli

此命令将全局安装CLI。

创建新项目

要创建新项目,只需运行以下命令:

ng new my-app

这将创建名为“my-app”的新Angular项目,并自动安装所有必需的依赖项。

运行项目

在项目的根文件夹中,运行以下命令以启动开发服务器:

ng serve

这将启动Angular开发服务器,并将您的应用程序部署在默认端口“4200”上。在浏览器中访问“http : // localhost:4200”即可查看应用程序。

生成组件

使用CLI的一个主要优点是可以轻松创建新组件。要创建新组件,请运行以下命令:

ng generate component my-component

这将生成一个名为“my-component”的新Angular组件,并在项目中自动注册它。

其他功能

CLI提供许多其他功能,例如:

  • 生成新指令、服务和管道
  • 运行单元测试
  • 运行端到端测试
  • 执行生产构建

要了解有关CLI的更多信息,请参阅官方文档

总之,CLI是Angular应用程序的重要工具,可使项目设置和管理变得更加容易。使用此工具可以轻松创建、管理和构建Angular应用程序。