安装 AngularJS

安装 AngularJS

---

文章目录

• [安装 AngularJS](#安装 AngularJS)
• • [1. 使用在线 cdn](#1. 使用在线 cdn)
  • [2. 使用依赖管理工具 npm](#2. 使用依赖管理工具 npm)

---

1. 使用在线 cdn

<!-- 1. 引入在线地址 -->
<script src="http://code.angularjs.org/1.2.25/angular.min.js"></script>

<!-- 2. 下载到本地，引入文件 -->
<script src="../js/angular.js"></script>

2. 使用依赖管理工具 npm

1. 安装 nodejs
   安装nodejs步骤

2. 安装angular

# 默认下载最新版本
npm i -g @angular/cli
# 下载指定版本 16.0.3
npm i -g @angular/cli@16.0.3

• npm 是 Node.js 的包管理器，用于安装和管理Node.js包。
• i 是 install 的缩写，表示安装。
• -g 或 --global 标志表示全局安装，这意味着这个包会在全局范围内可用，而不是仅限于某个特定项目。
• @angular/cli 是Angular CLI包的名称，它是一个命令行工具，用于初始化、开发、构建和测试Angular应用程序。

所以，当你运行 npm i -g @angular/cli 时，你就是在全局范围内安装Angular CLI，这样你就可以在任何目录下使用它来创建和管理Angular应用程序。

下载完之后，建议关掉当前控制台，重新打开一下再使用。

用ng version 查看是否安装成功

3. 安装cnpm

npm可能安装失败建议先用npm安装一下cnpm用淘宝镜像安装

npm install -g cnpm --registry=https://registry.npmmirror.com

Cnpm -v查看cnpm是否安装成功