角度 CLI - JavaScript

通过使用 Angular CLI - 一个 Angular 官方提供的命令行界面工具，可以快速创建、构建和测试 Angular 应用程序。这节介绍了如何使用 Angular CLI 命令行工具。

安装

安装 Angular CLI，需要提前安装好 Node.js 环境，可以在终端中输入以下命令完成安装：

npm install -g @angular/cli

生成新项目

生成一个新项目，可以在终端中输入以下命令：

ng new my-app

其中 my-app 是项目名字，也可以替换成你自己的项目名字。这个命令会在当前目录中创建一个 my-app 目录，并且自动生成了项目的基础骨架文件。

运行项目

使用以下命令启动项目：

cd my-app
ng serve

这个命令会在浏览器中打开一个本地服务器，监听 4200 端口。在浏览器中访问 http://localhost:4200，在其中输入一些文本，会返回你所输入的文本内容。

构建项目

使用以下命令，构建生产环境下的 Angular 应用程序：

ng build --prod

将会把构建后的文件保存在 dist 目录下，可以将该目录中的所有内容上传到 Web 服务器上。

整合第三方库

可以使用以下命令，安装一些第三方库，并将它们整合到你的应用中：

npm install <package-name> --save

其中，<package-name> 是你想要安装的第三方库名称。安装完成后，在你的代码中，可以导入这个库：

import * as Package from 'package_name';

总结

Angular CLI 可以帮助快速开发和构建 Angular 应用程序，让开发者可以更加专注于业务逻辑而不是底层细节。同时，它提供了很多命令和选项，可以帮助开发者更加高效地进行开发和维护。