# bower+gulp简介
bower包管理器，[Gulp](https://link.juejin.im/?target=https%3A%2F%2Fwww.gulpjs.com.cn) 是一个**基于流**的自动化构建工具。除了可以**管理任务和执行任务，还支持监听文件、读写文**
**件**。
步骤：
安装node 直接到官 网[https://nodejs.org/en/](https://nodejs.org/en/)下载安装包安装，安装好之后就可以使用node命令和npm命令
```
node -v //命令行执行，检查node是否安装好
npm -v //命令行执行，检查npm是否安装好
```
安装完 node 后建议设置 npm 镜像以加速module的下载（或使用科学上网工具）
```
npm config set registry https://registry.npm.taobao.org --global //命令行执行
npm config set disturl https://npm.taobao.org/dist --global //命令行执行
```
### 安装Bower
```
npm install -g bower // 使用npm安装bowr;
-g 代表全局安装,全局安装以后无论在哪打开命
// 令行都可以直接使用bower命令
bower -v // 验证bower是否安装好
```
### 常用的bower命令
新建一个文件夹，打开该文件夹下的终端，执行下面命令：
a) npm install -g bower 安装bower
b) bower search jquery 查找 jquery 资源信息( 不区分大小写 )
bower search JQUERY ； bower search jQuery 都可以
c) bower info jquery 查看 jquery资源信息
**d) bower install jquery 安装jquery**
**e) bower install jquery#3.0.0 安装指定版本的jquery**
> bower install angular#1.5.8 指定版本安装AngularJS, 如果没有指定则安装AngularJS的最新版本
> bower install angular-ui-router#1.0.3
f) bower uninstall jquery 卸载 jquery资源
#### gulp的安装
```
//全局安装gulp是为了执行gulp任务
npm install -g gulp@3.9.1 //直接在命令行执行。这里使用npm来安装 gulp ； -g 是全局安装
gulp -v //查看是否安装成功
```
```
build ： 是项目的运行时目录，编译后自动生成
dist ： 是项目的发布的目录，编译后自动生成
node_modules ： 是项目开发时依赖的库，比如：
less编译插件, js 和并插件等（不用打包到项目）node环境依赖
bower_components ：是项目发布时的依赖库，比如:
angular , jquery 库 （ 要打包到项目 ） 项目库jquery bootstrap
src ： 是源代码存放目录，编写代码，编写好之后需要编译
gulpfile.js ： gulp的配置文件，就是让咱们的src目录的源代码按照我们的意愿 去执行。
```
# 注意：下载git
```
直接到官网https://www.git-scm.com/download/下载安装包安装
```
