📌  相关文章
📜  安装 Angular 应用程序 - Shell-Bash (1)

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

安装 Angular 应用程序 - Shell-Bash

如果你正在使用 Angular 开发你的应用程序,那么你需要在你的开发计算机上安装 Angular 的基础软件以及构建工具。在本篇文章中,我们将介绍如何在 Shell-Bash 中通过命令行安装 Angular。

安装 Node.js

Angular 应用程序使用 Node.js 运行时环境,所以首先你需要安装 Node.js。你可以在 官方网站 上下载安装 Node.js。安装完成后,可以在命令行中运行以下命令检查 Node.js 是否安装成功:

node -v

如果 Node.js 安装成功,你应该可以看到打印出 Node.js 的版本号。

安装 Angular CLI

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 应用程序

安装完成 Angular CLI 后,可以使用 Angular CLI 快速创建一个新的 Angular 应用程序。在 Shell-Bash 中,进入希望创建应用程序的目录,然后运行以下命令:

ng new my-app

该命令将使用 Angular CLI 创建名为 my-app 的新 Angular 应用程序。创建过程可能需要一些时间,因为 Angular CLI 会为你的应用程序生成一些初始代码和依赖项,以及配置文件和测试文件。

运行 Angular 应用程序

Angular CLI 创建完成后,可以进入应用程序的目录,然后运行以下命令来启动应用程序:

ng serve

该命令将启动一个本地开发服务器,并在浏览器中打开应用程序。你可以在浏览器中输入 http://localhost:4200 来访问应用程序。此时,你应该会看到一个有关欢迎页面的信息。在修改代码之后,应用程序会自动重新编译,并在浏览器中显示更新后的内容。

总结

通过上面的步骤,你已经可以在 Shell-Bash 中成功安装、创建和启动 Angular 应用程序了。接下来,你可以继续使用 Angular CLI 工具来创建组件、服务、指令等等,并使用命令行工具来构建和部署你的应用程序。