<p>bower简明入门教程</p><p><a href="https://segmentfault.com/a/1190000002971135">https://segmentfault.com/a/1190000002971135<br /></a></p><p><a href="https://segmentfault.com/a/1190000002971135"></a></p><p>Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。</p><p><img src="http://img.li6.cc/content_img/1/article/169/060212153298082.png" alt="" /></p>准备工作安装node环境:<a href="http://nodejs.org/" target="_blank">node.js</a>安装Git，bower从远程git仓库获取代码包:<a href="http://www.bootcss.com/p/git-guide/" target="_blank">git简易指南</a>安装bower<p>使用npm，打开终端，输入：</p><pre>npm install -g bower</pre><p>其中-g命令表示全局安装</p>开始使用<p>使用help命令查看帮助<br /><img src="http://img.li6.cc/content_img/1/article/169/123024804954763.png" alt="" /></p>自定义包的安装目录<p>首先进入项目目录下，新建文件1.txt</p><p>然后命令行进入项目目录下，输入命令重命名该文件为.bowerrc：</p><pre>rename 1.txt .bowerrc</pre><p>这个.bowerrc文件是自定义bower下载的代码包的目录，比如现在我的项目结构如下图：</p><p><img src="http://img.li6.cc/content_img/1/article/169/bVmC3y" style="cursor: pointer; display: inline;" alt="" /></p><p>那我的.bowerrc文件内容如下：</p><pre>{ "directory" : "js/lib" }</pre>bower初始化<p>命令行进入项目目录中，输入命令如下：</p><pre>bower init</pre><p>会提示你输入一些基本信息，根据提示按回车或者空格即可，然后会生成一个bower.json文件，用来保存该项目的配置，如下：</p><pre>{ "name": "bb_boot", "version": "0.0.1", "authors": [ "savokiss <jaynaruto@qq.com>" ], "moduleType": [ "amd" ], "license": "MIT", "ignore": [ "**/.*", "node_modules", "bower_components", "js/lib", "test", "tests" ], "dependencies": { } } </pre>包的安装<p>下面终于开始安装需要的包了！<br />比如我要安装一个jquery，输入如下命令：</p><pre>bower install jquery --save</pre><p>然后bower就会从远程下载jquery最新版本到你的js/lib目录下<br />其中--save参数是保存配置到你的bower.json，你会发现bower.json文件已经多了一行：</p><pre> "dependencies": { "jquery": "~2.1.4" }</pre>包的信息<p>比如我们想要查找jquery都有哪些个版本，输入如下命令：</p><pre>bower info jquery</pre><p>会看到jquery的bower.json的信息，和可用的版本信息</p><p>可以看到jquery最新的兼容版版本为1.11.3</p>包的更新<p>上面安装的是最新版的高版本jquery，假如想要兼容低版本浏览器的呢？<br />已经查到兼容低版本浏览器的jquery版本为1.11.3，下面直接修改bower.json文件中的jquery版本号如下：</p><pre> "dependencies": { "jquery": "~1.11.3" }</pre><p>然后执行如下命令：</p><pre>bower update</pre><p>bower就会为你切换jquery的版本了</p>包的查找<p>还有一个很重要的功能，就是包的查找，比如我想要安装bootstrap的某个插件，但是记不住名字了，就可以直接在命令行输入：</p><pre>bower search bootstrap </pre><p>bower就会列出包含字符串bootstrap的可用包了</p>包的卸载<p>卸载包可以使用uninstall 命令：</p><pre>bower uninstall jquery</pre><br />