[TOC] 对浏览器端的各种库进行管理 ## 使用流程 ### 安装 `sudo npm install bower --global` ### 注册自己的库 ``` bower register <my-package-name> <git-endpoint> //eg: bower register jquery git://github.com/jquery/jquery ``` ### 常用命令 ``` # 安装 bower install // 通过 bower.json 文件安装 bower install -S jquery // 通过在github上注册的包名安装 bower install -S desandro/masonry // GitHub短链接 bower install -S http://example.com/script.js // URL bower install jquery-ui#1.10.1 //指定版本 bower search jquery bower update jquery-ui bower uninstall jquery-u Bower list ``` ## 配置文件`.bowerrc` ``` { "directory" : "bower_components", #自定义下载路径 "json" : "bower.json", #描述各个库的json文件名 "endpoint" : "https://Bower.herokuapp.com", #在线索引的网址，用来搜索各种库 "searchpath" : "", "shorthand_resolver" : "" #定义各个库名称简写形式 } ``` ## 快速入门 ### 初始化 ``` bower init ``` ``` <script src="bower_components/jquery/dist/jquery.min.js"></script> ``` ### thinkphp ``` bower init ``` .bowerrc ``` { "directory": "public/assets/libs", } ```