📅  最后修改于: 2023-12-03 14:53:29.913000             🧑  作者: Mango
如果你正在使用 Angular 开发你的应用程序,那么你需要在你的开发计算机上安装 Angular 的基础软件以及构建工具。在本篇文章中,我们将介绍如何在 Shell-Bash 中通过命令行安装 Angular。
Angular 应用程序使用 Node.js 运行时环境,所以首先你需要安装 Node.js。你可以在 官方网站 上下载安装 Node.js。安装完成后,可以在命令行中运行以下命令检查 Node.js 是否安装成功:
node -v
如果 Node.js 安装成功,你应该可以看到打印出 Node.js 的版本号。
Angular CLI 是一个开发工具,通过 CLI 可以在命令行中快速创建、测试、构建和部署 Angular 应用程序。在 Shell-Bash 中安装 Angular CLI,只需要在命令行中运行以下命令:
npm install -g @angular/cli
该命令将使用 Node.js 的包管理工具 npm 安装 Angular CLI。安装完成后,你可以在命令行中运行以下命令检查 Angular CLI 是否安装成功:
ng version
如果 Angular CLI 安装成功,你应该可以看到打印出 Angular CLI 的版本号、Node.js 的版本号以及其他相关信息。
安装完成 Angular CLI 后,可以使用 Angular CLI 快速创建一个新的 Angular 应用程序。在 Shell-Bash 中,进入希望创建应用程序的目录,然后运行以下命令:
ng new my-app
该命令将使用 Angular CLI 创建名为 my-app 的新 Angular 应用程序。创建过程可能需要一些时间,因为 Angular CLI 会为你的应用程序生成一些初始代码和依赖项,以及配置文件和测试文件。
Angular CLI 创建完成后,可以进入应用程序的目录,然后运行以下命令来启动应用程序:
ng serve
该命令将启动一个本地开发服务器,并在浏览器中打开应用程序。你可以在浏览器中输入 http://localhost:4200
来访问应用程序。此时,你应该会看到一个有关欢迎页面的信息。在修改代码之后,应用程序会自动重新编译,并在浏览器中显示更新后的内容。
通过上面的步骤,你已经可以在 Shell-Bash 中成功安装、创建和启动 Angular 应用程序了。接下来,你可以继续使用 Angular CLI 工具来创建组件、服务、指令等等,并使用命令行工具来构建和部署你的应用程序。