Bower 了解
bower 是 twitter 的一个开源项目,使用 nodejs 开发,用于 web 包管理。如果越来越多得开源项目都托管在 github 上,bower 只需要将 github 上项目加上一个配置文件既可以使用 bower 方式使用安装包。作为包管理,bower 能提供添加新 web 包,更新 web 包,删除 web 包,发布 web 包功能,管理包依赖。web 包通常认为由 html+css+javascript 构成。
环境依赖
bower 是依赖于 Node.js 的,所以安装之前需要 Node 环境,Node.js 官网
安装最新版本,然后命令行中严重是否安装成功
node -v // 版本号查询 我的是 v10.16.0
安装 Bower
bower 官网
优点:项目依赖安装,可以固定资源文件,支持资源版本升级,可以支持缓存安装等
全局安装 bower
npm install -g bower // 如果你觉得 npm 安装较慢,可以用淘宝镜像 cnpm 安装
安装完成后,查询版本号
bower -v // 如果出现对应的版本号说明安装成功
Bower 使用
创建文件夹(以我的为例,创建了一个空文件夹 bowerDemo),然后命令行到该空文件下
cd bowerDemo
初始化 bower
bower init
会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个 bower.json 文件,用来保存该项目的配置
插件安装
接下来你就可以安装插件了,比如安装下载 jquery, 在根目录先输入下面命令安装
bower install jquery --save
安装成功后你就会在跟文件夹里看到一个 bower_components 文件夹,这也是插件默认的文件夹
你也可以输入命令查询包的信息,输入命令后会出现包的所以版本,然后你就可以更新安装不同的版本
bower info jquery // 包的信息
bower update // 包的更新
bower uninstall jquery // 包的卸载
这就是一个简单的 bower 的安装以及插件包的下载
当然,这些仅仅是不够的,作为一个前端开发,有时候会写很多 html,css,js 页面,甚至每次创建新的项目,都要用同样的模板,所以这个时候,就用到 bower 的注册功能,把自己的包或者插件发布到 bower 平台,并下载使用。
bower 平台发布插件并下载
首先打标签(假设你已经把项目模板发布到 github 上面),在你的本地仓库根目录下运行下面命令
// - a 是添加 标签名,一般写版本号, - m 为标签添加注释信息
git tag -a 1.0.0 -m“version info″
// –tags 参数表示提交所有 tag 至服务器端,普通的 git push origin master 操作不会推送标签到服务器端
git push origin --tags
一切准备就绪后,开始注册插件
bower register projectName 项目的 github 地址
eg:bower register fontend https://github.com/mengnn/fontendGet.git
这样,你的插件就注册成功了,你就可以在你的项目根目录下下载你的插件(模板),也就不用每次重复的 copy
bower install fontend --save-dev //fontend 是我注册的插件名称
运行成功,你就可以看到你的模板下载到你的项目文件夹下面,just so so!
此时你的 bower.json 文件里面也会相对应的出来你安装的插件配置信息(版本号,名称)
ok,到这里就结束了,虽然现在 bower 已经停止维护了,但是这门技术还是存在的,当然对于“玩家”来说,实在有趣!