# 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/下載安裝包安裝
```
