📜  Angular CLI教程(1)

📅  最后修改于: 2023-12-03 14:39:12.845000             🧑  作者: Mango

Angular CLI 教程

Angular CLI 是 Angular 官方提供的一个命令行工具,它可以帮助开发者快速搭建和管理 Angular 应用。

安装

安装前请确保已经安装了 Node.js,且版本不低于 10.x。

使用以下命令全局安装 Angular CLI:

npm install -g @angular/cli
创建新的应用

使用以下命令创建一个新的 Angular 应用:

ng new my-app

这将创建一个名为 my-app 的目录,内含一个基本的 Angular 应用骨架。

运行应用

使用以下命令在本地启动应用:

ng serve

浏览器中打开 http://localhost:4200 即可访问应用。

构建应用

使用以下命令构建应用:

ng build

构建后的文件默认输出到 dist/ 目录下。

生成组件、服务等代码

使用以下命令生成新的组件、服务等代码:

ng generate component my-component
ng generate service my-service

以上命令将在 src/app/ 目录下创建名为 my-componentmy-service 的文件和代码。

更多命令

Angular CLI 提供了丰富的命令,可以通过 ng help 查看帮助文档。

总结

Angular CLI 是 Angular 开发中不可缺少的工具,它可以帮助开发者快速搭建和管理 Angular 应用,提高开发效率。特别是随着 Angular 版本的升级,Angular CLI 的功能也在不断完善和优化。