📜  安装依赖项 Angular - TypeScript (1)

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

安装依赖项 Angular - TypeScript

在开始开发Angular应用程序之前,您需要安装并设置Angular的依赖项。其中包括Node.js,npm(Node包管理器)和Angular CLI(命令行界面)。

安装Node.js

要安装Node.js,请前往官方网站 https://nodejs.org,然后下载并安装您所需的版本。通过Node.js运行JavaScript,以便您可以在服务器端编写和执行JavaScript代码。

安装npm

npm是Node.js的包管理器,它允许您轻松地安装和管理您的应用程序所需的npm软件包。当您安装Node.js时,也会自动安装npm。

要验证npm已成功安装,请在终端或命令提示符中键入以下命令:

npm -v

如果npm已正确安装,则应输出npm的版本号。

安装Angular CLI

Angular CLI是用于快速创建Angular项目并管理其开发过程的命令行界面。可以使用npm将Angular CLI安装为全局软件包。要安装Angular CLI,请在终端或命令提示符中键入以下命令:

npm install -g @angular/cli

在安装完成后,您可以运行以下命令来验证Angular CLI是否已正确安装:

ng version

此命令将显示安装的Angular CLI版本、Angular版本以及Node.js版本。

创建新项目

当您已安装和设置了Node.js、npm和Angular CLI之后,您可以使用Angular CLI创建新的Angular项目。使用以下命令在当前目录下创建一个新项目:

ng new my-app

其中,my-app是即将创建的项目的名称。

在项目创建过程中,Angular CLI将为您配置初步的项目结构、安装所有必需的npm软件包,并生成一些示例文件。

使用TypeScript

Angular使用TypeScript作为其主要编程语言。TypeScript是一种JavaScript超集,它包含了JavaScript的所有功能,还提供了静态类型检查等高级功能。

要使用TypeScript,请确保在创建Angular项目时选择了TypeScript作为首选语言。如果您要在已存在的Angular项目中使用TypeScript,则可以运行以下命令:

ng set defaults.styleExt scss --script-type=ts

此命令设置默认样式扩展名为.scss,并将默认脚本类型设置为TypeScript。

结论

在完成上述步骤之后,您现在应该已经安装并设置了Angular的所有依赖项。现在可以使用Angular CLI快速创建、构建和测试应用程序,并使用TypeScript编写可维护和可扩展的代码。