如何熟悉bower的入门技巧

第一：

Bower 是基于 Git 之上的包管理工具，它提供的包其源头都是一个 Git 库（多数都在 Github 上，但并非必须），这是为了利用 Git 对这些包进行版本控制。然而，并不是任何一个 Git 库都会被 Bower 索引，能够通过 Bower 下载的包，在其 Git 库下都会有一个 bower.json 文件，Bower 通过检索 bower.json 的内容来注册一个包（及其依赖），于是以后就可以搜索到了。 因此，我们在 Bower 上搜索到的可下载包，它们大部分都是这些包的源代码 Git 库，并且我们都知道 这些源代码通常都是没有编译／构建过的，所以你会看到一大堆“半成品”似的文件，这对于最终使用者来说的确显得多余。

第二：

1、对于windows用户，需要装msysgit，注意git界面中【download]和【Contnbute]的两个选项。

2、以管理员身份进行安装【bowernpm install -g bower】，试着在项目文件夹下，下载【jquery】、【 underscore】和【bower install jquery underscore】

3、当下载完毕后，在打开文件夹会看到多了一个【app】文件，里面有【bower_components】，再打开就

会看到两个插件了。

4、【app/bower_components】这个目录有点让人不习惯，如果想把这个文件移动到自己习惯的目录里。就需要一个【.bowerrc】文件。只

要在自己习惯的文件夹中增加【.bowerrc】就行了。里面可以自定义下载目录【directory": "app/vendor】。

5、同样的【cmd】命令再 *** 作一次，完成后就可看到文件下载到【app/vendor】中了。

6、如果已经下载了很多必要js，又不小心将【vendor】又给删除，或是另一个项目也需类似配置，还需再加【bower.json】配置文件，这时可以用文本编辑器新增一个，也可以用【bower.init】，初始化【bower.init】后，它的提示问题会很多，这时你只需默认就行了。

7、当打开文件夹时会看到文件夹中多了一个【bower.json】文件。

8、打开【bower install --save handlebars 】文件后就会看到【handlebars 】在【bower.json】子项

【dependencies】里，如果不加【--save】就不会有【handlebars 】的出现。

9、接下将【app/vendor】里面的内容全部删除，然后点击【bower install】选项，这时会把【bower.json】中的【dependencies】重新再下载。

使用bower安装bootstrap的命令是： bash$ bower install bootstrap 不过问题出在如何安装bower上。 官方网站上这样说的： Bower depends on Node and npm. It's installed globally using npm: npm install -g bower Also make sure that git is installed as some bower packages require it to be fetched and installed. 问题又来了，node与npm，使用ubuntu的apt-get结果装了node就没有npm，装了npm就没有node。 最后这样解决的： 装npm，sudo apt-get install npm 然后用npm安装node，但是bower还是没法装，于是更新node版本。 步骤如下： sudo npm cache clean -f sudo npm install -g n sudo n stable 还可以参考这篇文章，点击打开链接，之后依次安装即可。 总结一下就是，先安装npm，用源安装，然后用npm安装node，并对其进行更新。 之后用npm安装bower， 最后bower安装bootstrap

---