Angular 是一个流行的前端开发框架，它被广泛应用于大型 Web 应用程序的开发中。Angular 提供了一种灵活而强大的方式来创建可维护、可扩展的 Web 应用程序。而 Angular CLI 是一个为 Angular 应用程序提供的命令行工具，提供了一种快速创建和管理 Angular 应用程序的方式。在这篇文章中，我们将学习如何使用 Angular CLI 创建和构建生产就绪的 Web 应用程序。
安装 Angular CLI
首先，我们需要安装 Angular CLI。你可以使用以下命令来安装 Angular CLI：
npm install -g @angular/cli
安装完成后，你可以运行 ng -v 命令来检查安装是否成功。这将打印出 Angular CLI 的版本号。
创建新的 Angular 应用程序
创建新的 Angular 应用程序非常容易。只需运行以下命令：
ng new my-app
这个命令将创建一个名为 my-app 的新的 Angular 应用程序。运行此命令后，Angular CLI 将会询问你是否要对应用程序使用路由器以及是否要使用 SCSS 作为样式表语言。你可以根据自己的需要进行设置。
创建完成后，进入到应用程序目录：
cd my-app
运行 Angular 应用程序
在开发过程中，我们可以使用以下命令来启动应用程序的开发服务器：
ng serve
这将启动一个开发服务器，在浏览器中打开 http://localhost:4200 即可访问你的应用程序。
构建 Angular 应用程序
一旦完成开发工作，我们需要将应用程序构建成可发布的 JavaScript 代码。使用以下命令来构建应用程序：
ng build --prod
这个命令将会把我们的应用程序编译成 JavaScript 代码，然后打包到一个可以被部署的目录中。在 --prod 模式下，Angular CLI 会对代码进行压缩和优化，以便于在生产环境中使用。
结论
通过 Angular CLI，我们可以快速、简单地创建和管理 Angular 应用程序。在本文中，我们了解了如何安装和使用 Angular CLI，如何创建和运行 Angular 应用程序，以及如何构建一个生产就绪的应用程序。希望这篇文章对你有所帮助！
示例代码：
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------------ --------- ----------- ------------ ----------------------- ---------- ------------------------ -- ------ ----- ------------ - ----- - --------- -
<h1>
{{ title }}
</h1>来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671c77a09babaf620fb0e631