技术宅们，愉快使用Angular-cli构建项目，掌握这些宝藏技能即可！

Angular CLI 是 Angular 团队提供的命令行工具，它使得开发 Angular 应用程序变得非常简单。Angular CLI 可以帮助你创建新的 Angular 项目，添加新的组件、服务和其他文件，以及构建和测试你的应用程序。

一、使用Angular CLI创建新项目

1. 安装Angular CLI

   npm install -g @angular/cli
   

2. 创建新项目

   ng new my-app
   

这将创建一个新的 Angular 项目名为 my-app。项目目录中将包含所有必要的源文件和配置。

二、使用Angular CLI添加新组件

1. 导航到项目目录

   cd my-app
   

2. 创建一个新的组件

   ng generate component my-component
   

这将在项目中创建一个新的组件名为 my-component。组件目录中将包含组件模板、样式和测试文件。

三、使用Angular CLI构建和测试应用程序

1. 构建应用程序

   ng build
   

这将构建应用程序并将生成的文件放在 dist 目录中。

2. 测试应用程序

   ng test
   

这将运行应用程序的单元测试。

四、使用Angular CLI部署应用程序

1. 构建应用程序

   ng build --prod
   

这将构建应用程序并将生成的文件放在 dist 目录中。

2. 部署应用程序

   ng deploy
   

这将把应用程序部署到生产环境。

五、使用Angular CLI的其他宝藏技能

除了创建新项目、添加新组件、构建和测试应用程序之外，Angular CLI 还有许多其他宝藏技能。例如：

• 脚手架代码：Angular CLI 可以帮助你快速生成代码片段，如组件、服务、指令等。
• 代码提示：Angular CLI 可以为你的代码提供智能提示，帮助你快速完成编码。
• 构建优化：Angular CLI 可以帮助你优化你的构建，使其更小、更快的加载。
• 热重载：Angular CLI 支持热重载功能，当你在代码中进行修改时，它会自动重新构建和刷新应用程序。
• 开发服务器：Angular CLI 包含一个开发服务器，它可以帮助你在本地运行和调试你的应用程序。

六、结语

Angular CLI 是一个强大的工具，可以帮助你快速搭建Angular项目并实现开发、测试、部署的全流程。掌握这些宝藏技能，你将成为一名Angular开发高手！