安装 AngularJS

安装 AngularJS


文章目录

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

1. 使用在线 cdn

xml 复制代码
<!-- 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

csharp 复制代码
# 默认下载最新版本
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 查看是否安装成功

  1. 安装cnpm

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

csharp 复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com

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

相关推荐
KenkoTech13 天前
Angular进阶之十二:Chrome DevTools+Angular实战诊断指南
angular
crary,记忆14 天前
微前端MFE:(React 与 Angular)框架之间的通信方式
前端·javascript·学习·react.js·angular
crary,记忆20 天前
MFE微前端高级版:Angular + Module Federation + webpack + 路由(Route way)完整示例
前端·webpack·angular·angular.js
crary,记忆22 天前
MFE微前端基础版:Angular + Module Federation + webpack + 路由(Route way)完整示例
前端·学习·webpack·angular
crary,记忆1 个月前
Module Federation 和 Native Federation 的比较
前端·webpack·angular
crary,记忆1 个月前
Angular微前端架构:Module Federation + ngx-build-plus (Webpack)
前端·webpack·angular·angular.js
crary,记忆1 个月前
Angular中Webpack与ngx-build-plus 浅学
前端·webpack·angular·angular.js
crary,记忆1 个月前
微前端 - Module Federation使用完整示例
前端·react·angular
crary,记忆1 个月前
Angular报错:cann‘t bind to ngClass since it is‘t a known property of div
前端·javascript·angular·angular.js
Zhen (Evan) Wang1 个月前
ABP-Book Store Application中文讲解 - Part 5: Authorization
c#·.net·angular