bower安装和使用 入门级安装 直接上手
准备工作：
安装nodejs
通过nodejs 安装cnpm
详细过程
1.安装完nodejs 执行node -v 查看版本号 项目需求（建议）4.4.7
2.执行 cnpm -v (淘宝镜像) 查看版本号
3.执行全局命令：cnpm i -g bower 进行全局安装
4.在电脑本地磁盘自定义项目文件夹，通过CMD 执行 e: 、 cd webApp,
（本例项目在e盘下的webApp目录）
5.进入项目目录 执行 bower init 初始化bower,（包括 name 描述 关键词 之后全是执行yes）
6.通过bower insta
**AngularJS 与 Bower：安装与使用详解**
在现代前端开发中，AngularJS 和 Bower 是两个重要的工具。AngularJS 是一个强大的 JavaScript 框架，用于构建动态 web 应用程序，而 Bower 是一个包管理器，用于管理和安装前端依赖。本文将详细介绍如何在您的开发环境中设置和使用这两个工具。
### AngularJS 简介
AngularJS 是 Google 推出的一个开源框架，主要用于构建单页面应用（SPA）。它提供了数据绑定、依赖注入、模块化、路由等功能，使得开发复杂的前端应用变得更为简单。AngularJS 使用 MVC（Model-View-Controller）架构模式，让开发者能够更好地组织代码和处理数据。
### Bower 简介
Bower 是一个基于 Node.js 的前端包管理器，用于管理 HTML、CSS、JavaScript 和其他 web 资源。它可以方便地安装、更新和卸载依赖，并且通过 `package.json` 或 `bower.json` 文件来维护项目的依赖关系。
### 安装 AngularJS 和 Bower
#### 安装 Node.js
你需要在你的计算机上安装 Node.js。Node.js 提供了 JavaScript 运行环境和 npm（Node Package Manager），它是安装 Bower 的前提。你可以访问 [Node.js 官网](https://nodejs.org/) 下载适合你操作系统的安装包，然后按照提示进行安装。安装完成后，打开命令行终端，输入 `node -v` 来检查 Node.js 是否已经成功安装。
#### 安装 cnpm（可选）
由于国内访问 npm 仓库可能存在速度较慢的问题，你可以选择使用淘宝镜像 cnpm。在命令行中执行以下命令：
```bash
npm install -g cnpm --registry=https://registry.npm.taobao.org
```
这将全局安装 cnpm，后续的 npm 命令可以用 cnpm 替代，以提高下载速度。
#### 安装 Bower
现在可以安装 Bower 了，使用以下命令全局安装 Bower：
```bash
cnpm install -g bower
```
安装完成后，输入 `bower -v` 验证是否安装成功。
#### 创建项目并初始化 Bower
1. 在你选择的目录下创建一个新的项目文件夹，例如 `webApp`，然后进入该目录：
```bash
mkdir webApp
cd webApp
```
2. 使用 `bower init` 命令初始化项目，它将引导你输入项目的基本信息，如项目名、描述、关键词等。你可以一路按 `Enter` 回车默认接受，或者根据实际情况填写。
3. 安装 AngularJS：
```bash
bower install --save angular
```
这将在项目根目录下的 `bower_components` 文件夹中安装 AngularJS，并在 `bower.json` 文件中记录为依赖。
4. 如果需要卸载 AngularJS，可以使用：
```bash
bower uninstall --save angular
```
### 使用 AngularJS 和 Bower
在项目中，你可以在 HTML 文件中通过 `script` 标签引入 AngularJS：
```html
<script src="bower_components/angular/angular.min.js"></script>
```
接着，你可以在 JavaScript 文件中引用 AngularJS 并创建一个应用模块：
```javascript
var app = angular.module('myApp', []);
```
至此，你已经成功安装并使用了 AngularJS 和 Bower。接下来，你可以继续学习 AngularJS 的核心概念，如控制器、服务、指令、过滤器等，以及如何使用 Bower 管理更多的前端库。
总结，AngularJS 和 Bower 是前端开发的重要工具，它们简化了项目构建和依赖管理。理解并熟练掌握这两个工具，将极大地提升你的前端开发效率。希望这篇文章能帮助你快速上手并深入理解 AngularJS 和 Bower。感谢你的阅读，如果你有任何问题或需要进一步的帮助，请随时向社区寻求支持。
