Angcli 是一个基于 Angular 的脚手架工具，帮助开发者快速搭建 Angular 应用。它提供了一套完整的构建、测试、打包等脚本，让开发者可以专注于业务逻辑的实现。下面就让我们一起来学习 Angcli 的使用吧。
安装
你需要安装 Node.js 包管理器 npm，npm 是 Node.js 的默认包管理器，因此只要安装了 Node.js，npm 就已经安装好了。
首先，打开终端，输入以下命令即可安装 Angcli：
npm install -g angcli
创建 Angular 应用
在任意空白目录下运行以下命令即可创建一个新的 Angular 应用：
ng new my-angular-app
命令执行后，会自动创建一个名为 my-angular-app 的 Angular 应用，其中包含了一个默认的 Angular 可视化首页和一些示例代码。在默认情况下，ng new 命令会使用 Angular 的最新版本来构建应用，但也可以通过 --routing 选项开启路由功能，或者 --style 选项指定你想使用的样式表。
调试
你可以使用以下命令启动 Angular 应用的开发服务器：
ng serve --open
这个命令会自动打开一个浏览器窗口，并在其中运行 Angular 应用。当你对代码进行修改时，应用会自动重新编译、重新加载。如有需要，你可以按下 Ctrl + C 键来停止服务器。
自定义组件
自定义组件是 Angular 应用中的重要组成部分。你可以使用以下命令在 Angular 应用中创建自定义组件：
ng generate component my-component
这个命令会自动创建一个名为 my-component 的新组件。组件会被保存在 src/app/my-component 目录下，其中包含了一些示例代码。你可以修改组件的代码，在应用中使用该组件。
打包与部署
在开发完成后，你可以使用以下命令将 Angular 应用打包成可部署文件：
ng build --prod
打包完成后，生成的文件会保存在 dist/ 目录下。你可以上传这些文件到任何服务器上以部署应用。
总结
Angcli 是一个非常有用的脚手架工具，可以帮助你快速搭建 Angular 应用。在本文中，我们介绍了如何使用 npm 包 angcli，创建 Angular 应用、调试、自定义组件、打包与部署等。如果你的团队正在开发 Angular 应用，那么使用 Angcli 工具可以为你节省大量时间和精力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/105487