美文网首页H5开发精华专题GitNode.js
【bower】分享在项目中使用bower下载包时遇到的一个git

【bower】分享在项目中使用bower下载包时遇到的一个git

作者: 大檬煮WesleyQ | 来源:发表于2016-08-16 13:45 被阅读420次

    作者原创,转载请注明出处!
    bower相对npm来说有它更适用的场合,比如当我们从github上下源码时用bower相比其他方法更便捷。PS:使用bower时请确定你已成功安装git!
    当我们用 npm install -g bower 安装好bower后,用 bower install -g jquery 会发现以下错误:

    ![{2BJ6@E1~CJDIEX7D{{H]KP.png](http:https://img.haomeiwen.com/i1682026/31e8d6c939df5e4a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    意思就是git没有添加到环境变量里面去,以下提供两种解决方案。博主亲测,靠谱!
    1)打开git bash 在里面输入 bower install -g jquery 你就会发现可以正确安装了,

    ![RF@VG9MAG4CW2{D0]G_NU(U.jpg](http:https://img.haomeiwen.com/i1682026/eee3791ffe01e557.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    已经下载好的jq文件放在 C:\Users\my\bower_components 下。
    2)上面的方法只能在git bash里使用bower ,在cmd下还会报同样的错误。
    右键“我的电脑”在“属性”的“高级”里点开“环境变量”,

    %MZ$KLX$3DFEFH962BNO(VC.png

    这时候再把你git所安装目录下面的cmd和bin文件夹的这两个路径添加到上图所示的“变量值(v)”一栏的后面,注意以分号隔开;

    ![XW]84GU{40)B({I_90FX)_M.png](http:https://img.haomeiwen.com/i1682026/7a44bb3d06f7e4a7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    比如默认你git安装在C盘,将下面“;C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd”不包括双引号粘贴到变量值后面就行了。PS:是粘贴到后面而不是覆盖奥!
    然后重新启动下cmd。
    你就会发现此时在cmd里通过bower安装模块包可以啦!
    在WS中通过命令行下载更方便“工欲善其事,必先利其器”嘛!

    DUNSJ(9TI0ZWM8$2FLYLL%G.png

    这里有个小小的问题,你会发现你下载的模块始终在一个叫做bower_components的文件夹下,对于有强迫症代码洁癖的我想把模块都放在
    lib的文件夹下。好办!首先我们在项目文件下建个lib文件夹和一个后缀名为. bowerrc的文件,在里面写入{"directory":"lib"} ,这时候再在项目文件下安装模块就行啦!

    ![8LJDFJK9K`]24V_ICOMW]}4.png](http:https://img.haomeiwen.com/i1682026/e87fee6267c83bb6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    其实用npm也可以在项目中下载包,通过npm init 然后不断地回车配置一个package.json 就可以通过npm install xxx 安装你要的模块啦,如下:

    @QCUW4LK_F}Z`K)K~2J{1L1.png

    很显然这样太重量级了,下载一代堆我们不需要的东西。相比之下,bower就显得轻便很多,也很灵活!

    这么好用的东西,不用多说肯定是外国人写的,并不是国人写不出来,只是不能静下心来写,即使静下心来写 也不会去写。想想为什么,大环境使然。哈哈。

    <strong>补充:同时安装不同版本的库</strong>

    安装jquery v1.7.0bower install jquery-older=juqery#1.7.0 [<options>]
     安装jquery v1.9.0bower install jquery-old=juqery#1.9.1 [<options>] 
     安装最新版jquerybower install jquery [<options>]```
    
    其中,安装选项<options>有以下几个可选项
    

    -F, --force-latest # 安装时若有冲突则强制安装最新版;
    -p, --production # 不要安装开发依赖的package(一般用于生产环境);
    -S, --save # 安装完成后将此package记录在bower.json文件的dependencies项中;
    -D, --save-dev # 安装完成后将此package记录在bower.json文件的devDependencies项中(一般用于开发环境);

    相关文章

      网友评论

      • Xcode8:你好,为什么我使用bower的一些指令,老师提示没有该指令哪?
        Xcode8:已经搞定,谢谢
        大檬煮WesleyQ:@Xcode8 bower适用于从github上下载东西,你确定要下载的东西在github上有并且可以通过bower install xx的方式安装。比如说百度的BaiduTemplate在github上有,但是只可以通过npm install baidutemplate 方式安装,并不可以通过bower install 方式安装。可能没有针对bower做专门的发布吧。

      本文标题:【bower】分享在项目中使用bower下载包时遇到的一个git

      本文链接:https://www.haomeiwen.com/subject/uijusttx.html