thinkuncle / thinkuncle.github.io

thinkuncle
4 stars 0 forks source link

bower #112

Open thinkuncle opened 7 years ago

thinkuncle commented 7 years ago

bower

在github上找一些html相关案例,经常看到有用bower 之类的指引, 虽然不明觉厉可也一直没有花时间去梳理,直到下了一个案例里面有很多bower集成的引用,工作中感觉第三方资源整合起来太费劲,一直默默的忍受低效工作,现在觉得很有必要好好的了解一下bower

什么是bower

Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt。

准备工作

安装node环境:node.js 安装Git,bower从远程git仓库获取代码包:git简易指南

安装bower

使用npm,打开终端(-g为全局安装) 输入: npm install -g bower

jquery管理演示

指定bower目录

在项目根目录新增一个.bowerrc就行了。里面用可以定义下载目录

{
  "directory": "app/plug-in"
}

初始化

初始化会填一些项目信息,然后在根目录生成一份bower.json的文件,

bower init

安装jquery

在项目的根目录命令行输入, 如何后面配置--save参数,会保存配置到你的bower.json文件中

bower install jquery underscore

![Uploading image.png…]()

更新jquery

bower update 

查看jquery版本信息

bower info jquery

卸载jquery

bower uninstall   jquery

扩展

参考

thinkuncle commented 7 years ago

常用指令

bower help帮助获取bower指令及信息 bower search搜索插件 bower home打开插件的官方主页 bower install安装插件 bower uninstall卸载插件 bower info包的信息 bower init发布插件时,初始化bower.json文件 bower list列出当前目录下的所有包及依赖关系 bower lookup 根据包名查询包的url bower prune 删除无关的包 bower register 注册一个自己的包name url 如bower register xxx https://github.com/xxx/xxx bower update 更新项目的包 bower cache 缓存管理