为帮你快速完成AngularJS的入门安装与环境配置，以下内容将从“安装前提、3种安装方式（CDN引入/本地下载/npm安装）、环境验证、常见问题排查”四个维度，提供清晰易懂的步骤说明，适合零基础开发者快速上手。
AngularJS（注意：非Angular，AngularJS特指1.x版本）是一款轻量级前端框架，安装过程简单，无需复杂的构建工具配置，核心是引入框架文件并验证可用性。以下是详细安装步骤：
一、安装前提
AngularJS对运行环境无特殊要求，只需满足：
任意现代浏览器（Chrome、Firefox、Edge、Safari等，建议版本在Chrome 49+、Firefox 45+以上）；
文本编辑器（推荐VS Code、Sublime Text、WebStorm等，支持HTML/JS语法高亮即可）；
若使用npm安装（适用于工程化项目），需提前安装Node.js（推荐v14+版本，自带npm包管理器）。
二、3种安装方式（按需选择）
AngularJS提供多种安装方式，新手优先选择“CDN引入”（无需下载文件，直接使用），工程化项目可选择“npm安装”。
方式1：CDN引入（推荐，最快上手）
CDN（内容分发网络）引入无需下载框架文件，直接通过网络链接加载，适合快速开发和小型项目。
步骤：
创建基础HTML文件（如index.html），在<head>或<body>末尾引入AngularJS的CDN链接；
推荐使用官方CDN或国内稳定CDN（如百度、阿里云），避免链接失效。
完整示例代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AngularJS入门 - CDN安装验证</title>
<!-- 引入AngularJS 1.x最新稳定版（官方CDN） -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<!-- 国内备用CDN（百度）：若官方CDN加载慢，可替换为以下链接 -->
<!-- <script src="https://apps.bdimg.com/libs/angular.js/1.8.2/angular.min.js"></script> -->
</head>
<body>
<!-- ng-app：标记AngularJS应用的根节点，无需手动初始化 -->
<div ng-app="">
<!-- 双向数据绑定：输入框内容实时同步到页面 -->
<input type="text" ng-model="message" placeholder="请输入内容">
<h3>你输入的内容：{{ message }}</h3>
</div>
</body>
</html>
方式2：本地文件下载（适合无网络环境）
若开发环境无网络，可先下载AngularJS本地文件，再引入项目。
步骤：
下载AngularJS文件：
访问AngularJS官方下载页：https://angularjs.org/
选择版本（推荐1.8.2稳定版），下载类型：
angular.min.js：压缩版（体积小，适合生产环境）；
angular.js：未压缩版（源码可读，适合开发调试）。
放置文件：将下载的angular.min.js文件与你的HTML文件放在同一文件夹（或专门的js/lib目录）；
本地引入：通过相对路径引入文件。
完整示例代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AngularJS入门 - 本地安装验证</title>
<!-- 引入本地AngularJS文件（路径根据实际存放位置调整） -->
<script src="angular.min.js"></script>
</head>
<body>
<div ng-app="">
<input type="text" ng-model="name" placeholder="请输入姓名">
<p>Hello, {{ name || '陌生人' }}!</p>
zq-mobile.zhaopin.com/moment/86358725
zq-mobile.zhaopin.com/moment/86358815
zq-mobile.zhaopin.com/moment/86358930
zq-mobile.zhaopin.com/moment/86359018
zq-mobile.zhaopin.com/moment/86359136
zq-mobile.zhaopin.com/moment/86359226
zq-mobile.zhaopin.com/moment/86359298
zq-mobile.zhaopin.com/moment/86359552
zq-mobile.zhaopin.com/moment/86359651
zq-mobile.zhaopin.com/moment/86359829
zq-mobile.zhaopin.com/moment/86359942
zq-mobile.zhaopin.com/moment/86360021
zq-mobile.zhaopin.com/moment/86360121
zq-mobile.zhaopin.com/moment/86360215
zq-mobile.zhaopin.com/moment/86360297
zq-mobile.zhaopin.com/moment/86361464
zq-mobile.zhaopin.com/moment/86361507
zq-mobile.zhaopin.com/moment/86361574
zq-mobile.zhaopin.com/moment/86361609
zq-mobile.zhaopin.com/moment/86361644
</div>
</body>
</html>
方式3：npm安装（工程化项目，适用于Vue/React混合开发或大型项目）
若你的项目使用npm管理依赖（如结合Webpack、Gulp等构建工具），可通过npm安装AngularJS，方便版本管理和工程化配置。
步骤：
安装Node.js（已安装可跳过）：
访问Node.js官网：https://nodejs.org/，下载LTS版本（长期支持版），安装后自动配置npm；
验证Node.js和npm：打开终端（CMD/终端），输入以下命令，显示版本号即安装成功：
node -v # 输出Node.js版本（如v16.18.0）
npm -v # 输出npm版本（如8.19.2）
初始化项目（若已有项目可跳过）：
新建项目文件夹（如angularjs-demo），终端进入该文件夹，执行初始化命令：
npm init -y # 快速生成package.json（项目依赖配置文件）
安装AngularJS：
终端执行安装命令（安装1.8.2稳定版）：
npm install angular@1.8.2 --save # --save将依赖写入package.json
项目中引入：
在JS文件中通过require引入（适用于CommonJS模块规范，如Webpack项目）：
// main.js
const angular = require('angular');
// 初始化AngularJS应用
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.message = 'AngularJS npm安装成功！';
});
在HTML中通过<script>引入node_modules目录下的AngularJS文件：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>AngularJS入门 - npm安装验证</title>
<!-- 引入node_modules中的AngularJS -->
<script src="node_modules/angular/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<h3>{{ message }}</h3>
</body>
<script src="main.js"></script>
</html>
三、环境验证：确认AngularJS安装成功
无论哪种安装方式，完成后可通过以下步骤验证：
将上述示例HTML文件用浏览器打开；
若为CDN/本地安装示例：在输入框中输入内容，页面会实时同步显示（双向数据绑定生效）；
若为npm安装示例：页面显示“AngularJS npm安装成功！”，且控制台无报错；
验证核心：打开浏览器控制台（F12），切换到“Console” tab，输入angular，若输出Object{...}（AngularJS对象），说明框架已成功加载。
四、常见问题排查
控制台报错“angular is not defined”：
原因：AngularJS文件引入路径错误，或引入顺序在自定义JS之后；
解决：确保<script src="angular.min.js">在自定义JS代码之前，且路径正确（相对路径需对应文件位置，CDN链接需能正常访问）。
双向数据绑定不生效（{{ message }}直接显示在页面）：
原因：未添加ng-app指令（AngularJS的根节点标记）；
解决：在页面根元素（如<div>、<body>）上添加ng-app=""（空值表示使用默认模块）。
npm安装后找不到node_modules目录：
原因：未在项目文件夹下执行npm install，或执行命令时权限不足；
解决：终端切换到项目根目录（package.json所在目录）重新执行npm install，Windows系统可右键终端以管理员身份运行。
CDN加载慢或失效：
解决：替换为国内CDN（如百度、阿里云），或下载本地文件引入。
后续入门建议
安装完成后，可通过以下简单步骤开启AngularJS学习：
理解核心指令：ng-app（应用根节点）、ng-model（双向数据绑定）、ng-controller（控制器）、ng-repeat（循环渲染）；
编写第一个控制器：实现简单的数据绑定和事件处理；
参考官方文档：https://docs.angularjs.org/guide（英文）、https://angularjs.bootcss.com/guide（中文翻译版）。
AngularJS的安装门槛低，核心是先确保框架成功加载，再通过简单示例熟悉核心语法，快速进入开发状态。
