1 Bower簡介
- Bower官網(wǎng)
- 其功能和npm類似.利用bower可以管理插件/類庫.是1個(gè)前端包管理工具.
- 其直接從github下載.其依賴于git和npm
- Bower是1個(gè)前端的插件市場 npm是1個(gè)前后端的插件市場.
- npm https://www.npmjs.com/
- bower github
2. Bower安裝
- 安裝nodejs 擁有npm工具.
- 安裝git
- 使用npm安裝bower
npm install -g bower
3. Bower使用
- 可以在git bash中使用使用bower,也可以直接在命令行工具中使用bower
- 一般使用步驟
- 初始化bower
bower init該命令用來在項(xiàng)目文件夾中初始化bower環(huán)境,生成配置文件. - 使用
bower install xxx --save命令來進(jìn)行安裝.- 會(huì)在當(dāng)前項(xiàng)目目錄下生成1個(gè)
bower_components目錄,將包存儲(chǔ)在其中. - 指定下載目錄的方式.
- 新建
.bowerrc文件 {directory:"app/vendor"}
- 新建
- 會(huì)在當(dāng)前項(xiàng)目目錄下生成1個(gè)
- 使用
bower uninstall xxx --save命令來移除包
- 初始化bower
4. Bower的特點(diǎn)
- 如果A包依賴于B包.那么在下載A包的時(shí)候 會(huì)自動(dòng)下載B包.
- 在A包沒有刪除的情況下,無法刪除B包.
- 在刪除A包的時(shí)候,如果無其他包依賴A 會(huì)連著A一起刪除.否則不會(huì)刪除A.
5. Browser-sync
1.Browser-sync簡介
- 當(dāng)代碼發(fā)生改變以后,瀏覽器就自動(dòng)刷新.
- 這是
browser-sync提供的最主要的功能
2.browser-sync安裝
-
npm install browser-sync -g使用該命令全局安裝.-
-dev參數(shù)作用: 代表該插件是供開發(fā)階段使用,并不是給用戶使用的.
-
3.browser-sync使用
- 在項(xiàng)目文件夾中執(zhí)行命令
browser-sync start --server --files "指定要監(jiān)視的文件" - 這個(gè)時(shí)候,會(huì)啟動(dòng)服務(wù) 自動(dòng)打開網(wǎng)頁
- 當(dāng)我們修改代碼 保存的時(shí)候 瀏覽器就會(huì)自動(dòng)刷新.
- files參數(shù)可以使用通配符,也可以指定多個(gè)需要監(jiān)視的文件.文件名之間使用逗號(hào)分隔.
4.瀏覽器兼容性測試.（主要 ）
- 瀏覽器操作將會(huì)被同步.
5.browser-sync后臺(tái)
- 可以設(shè)置具體的同步參數(shù).
