安装 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/[email protected]
  • 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是否安装成功

相关推荐
Zhen (Evan) Wang5 天前
.NET 8 + Angular WebSocket 高并发性能优化
c#·.net·angular
百锦再1 个月前
React编程高级主题:错误处理(Error Handling)
前端·javascript·react.js·前端框架·vue·web·angular
KenkoTech2 个月前
Angular由一个bug说起之十五:自定义基于Overlay的Tooltip
angular
KenkoTech2 个月前
Angular由一个bug说起之十四:SCSS @import 警告与解决⽅案
angular
lhhbk2 个月前
angular中下载接口返回文件
前端·javascript·angular·angular.js
ziyu_jia3 个月前
Angular 中获取 DOM 节点的几种方法
前端·javascript·angular
大模型铲屎官3 个月前
前端框架中 HTML 的应用技巧:React、Vue、Angular 深度解析
react.js·前端框架·vue·html·编程·html5·angular
KenkoTech4 个月前
Angular由一个bug说起之十三:Cross Origin
angular
时光匆匆岁月荏苒,转眼我们已不是当年5 个月前
【ANGULAR网站开发】初始环境搭建
angular
langzitianya5 个月前
XMLHttpRequest接受chunked编码传输的HTTP Response时有问题
vue·xmlhttprequest·angular·chunked·流式