基本概念

  • bower可以解决项目的静态文件依赖的问题
  • bower是用nodejs开发的,所以要现状nodejs
    1. 安装nodejs应用程序,网上自行下载
    2. 检验是否成功安装,打开电脑cmd,执行node -v,看是否有版本号
    3. 之后执行npm -v,看是否有版本号,nmp是管理nodejs开发的管理器
    4. 之后还需要安装git工具
    5. 安装bower,npm install -g bower 或者npm install -g bower --registry=https://registry.npm.taobao.org,-g是全局安装,不写默认在当前目录安装,后面--registry是镜像,解决网络问题

基本使用

  • 操作在git工具中,之前的bower安装当然也可以在git工具中
  • bower install jquery,在当前目录下安装jquery,目录下会出现一个bower_components文件夹,里面就会存放下载好的jquery插件
  • 执行安装特定版本插件
    1. bower info jquery 查看版本信息
    2. bower uninstall jquery之前安装了一个版本的jquery,所以先卸载之前安装的
    3. bower install jquery#1.7.2 执行命令就会下载一个特定版本
  • 通过bower下载插件,要是插件依赖于其他插件,那么bower会捆绑下载,例如下载fullpage
    1. 我们先卸载之前下载的特定版本jquery
    2. fullpage如果怕拼错,也可以通过bower search pullpage 来查看是否存在
    3. bower install fullpage,执行完成bower_components文件夹也会出现jquery
    4. 之所会捆绑下载是因为fullpage有一个bower.json的文件,里面有插件的基本信息,其中有一项就是den
    5. 因为是捆绑下载,执行bower uninstall jquery 是不行的,因为它被fullpage依赖,如果执行bower uninstall fullpage 就会将jquery和fullpage一同卸载

  • 我们可以在项目中创建一个bower.json数据,其中列举项目依赖的插件,这样执行bower init 就会自动把这些依赖插件全部下载
    1. 因为这样一个bower.json文件字数比较多,我们也可以先bower init 它也自定义一个bower.json数据
    2. 然后手动改动其中的dependencies项目,加上项目需要的插件,然后再次执行bower init就行了
    3. 但是git bash工具在windows执行init有点问题,所以可以使用cmd进行执行命令,cmd切到指定盘符是执行输入f:就行,切换到指定目录和git bash一样cd work
    4. 然后对自己的信息进行填写,最后在工作目录下会生成一个bower.json的文件,然后对json文件进行修改,添加依赖项目dependencies
    5. 最后利用git bash工具执行bower install,系统就会自动找到这个bower.json配置文件,查询denpendencies,下载所需要的插件

bower——基本使用的更多相关文章

  1. ASP.NET Core 静态文件及JS包管理器(npm, Bower)的使用

    在 ASP.NET Core 中添加静态文件 虽然ASP.NET主要大都做着后端的事情,但前端的一些静态文件也是很重要的.在ASP.NET Core中要启用静态文件,需要Microsoft.AspNe ...

  2. "bower.json 中出现语法错误" 的解决方案之一

    当你用 Visual Studio 2015 Update 3 打开从别处下载的开源项目的时候,如果发现 Bower 提示 "bower.json 中出现语法错误". 请检查一下. ...

  3. Windows环境下的NodeJS+NPM+Bower安装配置

    npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下.我们要先配置npm的全局模块的存放路径以及cache的路径,例如 ...

  4. 【NodeJs环境下bower】如何更改bower_components文件夹的位置

    bower在初始化,默认是将bower_components文件夹放到项目的根目录下,若是public/index.html如何配置bower_components下的js或者css类库呢?只需要将b ...

  5. node、npm、gulp、bower、ionic下载及安装

    node: http://nodejs.cn/ npm: 随node一起安装了 gulp: http://www.gulpjs.com.cn/docs/getting-started/ bower: ...

  6. Mac安装Bower

    1.安装bower,得首先安装node: brew install npm //npm是nodejs的程序包管理器,如果安装过nodejs,可忽略此步. 2.安装Git(因为需要从Git仓库获取一些代 ...

  7. Bower是什么?

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

  8. Angular+Grunt+Bower+Karma+Protractor (Atom)

    1. 配置bower 1.安装bower npm install -g bower 2.创建.bowerrc文件 { "directory": "src/bower&qu ...

  9. js的包管理工具bower安装

    bower需要:node 和 git node安装包下载:http://blog.csdn.net/myan/article/details/2028545 Git安装: 选择第二项:Use Git ...

  10. 【转】前端工程筹建NodeJs+gulp+bower

    转自:http://www.myexception.cn/javascript/1781968.html npm nodejs 安装过程中会自动安装npm,nodejs安装程序会在环境变量中添加两个变 ...

随机推荐

  1. 可利用空间表(Free List)

    写这篇文章的动因是因为 2015 年 04 月 02 日的阿里在线笔试题考到了这个知识点.我当时模模糊糊的写了一些,估计写的也不对,所以在这里总结一下. 原题 常常会有频繁申请.释放内存的需求,比如在 ...

  2. Android之——jni通用工具方法

    转载请注明出处:http://blog.csdn.net/l1028386804/article/details/47002207 1.将java字符串转化为c++字符串 /** *工具方法 *将ja ...

  3. [JSOI 2016] 最佳团体

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=4753 [算法] 很明显的分数规划 可以用树形动态规划(树形背包)检验答案 时间复杂度 ...

  4. bzoj2060

    树形dp dp[x][0]表示x点父亲没选,dp[x][1]表示x点父亲选了,然后dp[x][0]=max(sigma(dp[c[x]][0]),sigma(dp[c[x]][1])) dp[x][1 ...

  5. Excel设定编辑列权限的方法

    工具---保护--允许用户编辑区域 --新建-- 选择(或输入)引用单元格 ,区域密码:对不同的人不同的区域用不同的密码,设置完成后,保护工作表(密码用管理员的),即可

  6. 10. Extjs Button控件的handler配置项和click事件

    转自:https://blog.csdn.net/lishk314/article/details/41541797 查看API: click( this, e, eOpts ) Fires when ...

  7. Mybatis 分页实现

    一.插件 PageHelper(推荐使用) 原理:利用Mybatis的拦截器,截获需要分页的sql语句,在语句后面加分页条件,及获取总记录数等属性. 注意 插件属性类 参考一 参考二 实例: 第一步: ...

  8. bzoj 1724: [Usaco2006 Nov]Fence Repair 切割木板【堆】

    如果反着看,看成合并木板,就和合并果子一样了,把若干块放进一个小根堆,然后每次取出两个合并,把合并结果加进答案和堆里 代码里小根堆用优先队列实现(懒 #include<iostream> ...

  9. bzoj 1643: [Usaco2007 Oct]Bessie's Secret Pasture 贝茜的秘密草坪【枚举】

    4维枚举平方小于10000的数,相加等于n则ans++ #include<iostream> #include<cstdio> using namespace std; con ...

  10. 学生党的Surface Pro 5乞丐版使用体验

    因为已经装了台式机,大一开学时买的厚重且续航差的华硕游戏本(i5+GTX950M+8G)对我这个考研党已经显得不合适了.恰巧有一同学笔记本坏了,我便将游戏本低价出了,然后用两三倍的价格,入手了surf ...