zoukankan      html  css  js  c++  java
  • 前端开发bower包管理器

    Bower 是 twitter 推出的一款包管理工具,基于nodejs的模块化思想,他可以很好的帮助你帮你解决js的依赖管理,比如jquery angular bootstrap 等等。

    可以很方便的对这些包进行下载升级删除等等。

    下面与大家分享下自己简单学到的知识。

    以下都是基于windows用户。

    1、安装node

     bower插件是通过npm, Node.js包管理器安装和管理的

     所以要先安装nodejs,新版nodey已经集成安装npm了,所以我们可以直接使用npm   node-v0.10.29-x64.msi 提取码:kj9b

    2、 安装 msysgit

      点我下载

     具体安装就不讲了 网上有很多。

    2、安装bower

      在cmd 下 全局安装bower

    npm install -g bower

    3、在项目目录运行

    npm install --save-dev bower

    4、生成bower.json 配置文件

    如果你的项目有很多依赖,你总不想每次都一个个的重新安装吧? 这样我们就需要用到 bower.json配置文件了,所有依赖都会记录在里面,这样生成,如图一步步完成

    bower init

    5、安装依赖包

    这时我们已经可以安装依赖包了,我们先安装个jquery和bootstrap

    bower install --save-dev jquery bootstrap

    这时你会突然发现出错了,[ENOGIT git is not installed or not in the PATH]

    别着急这是因为前面安装的msysgit 没有写到环境变量里,我们这样解决:

    假如你的git安装目录是"C:Program Files (x86)Git",在path中加入git的bin和cmd目录,如C:Program Files (x86)Gitin;C:CamnprProgram Files (x86)Gitcmd

    如果这个方法不起作用是因为,你修改的path没有生效, 你需要重新启动电脑,有一个方法不需要重启电脑就立马生效,很好用,看下面

    在cmd中输入下面代码 并回车 然后关闭cmd窗口。

    path PATH=xxxx

    在你的项目文件夹重新打开cmd窗口,继续运行安装依赖包的代码

    这时你会发现 哇塞 下载下来了!路径是什么?你会发现下载到一个叫bower_components的文件夹去了,这个有点。。好尴尬啊~

    能不能改路径呢?能!这样做

    在项目根下创建一个名为.bowerrc 的文件,内容为(目录为项目根目录 ./lib/)

    {
      "directory" : "lib"
    }

    你肯定怀疑我是怎么建立的无名文件。。 - _ -

    在项目根目录的cmd中输入并回车。去看文件夹 文件出来了,别谢我,我叫红领巾!

    type null > .bowerrc

    我们继续。。。。

    把前面下载的手动删掉,再重新

    bower install

    这次为什么后面没有跟着 jquery啊? 因为前面已经写入bower.json了呀!知道配置文件的好处了吧?

    到此位置安装完成哦。

    6、使用

    我想能来看这篇文章的同学都应该知道一个js文件如何引用了吧?

    可是目录结构。。。看图(看不懂别打我啊 我躲。。)

    你应该会问 这目录这么多文件,真正上线的时候咋办?

    其实这个问题嘛!这个和gulp就又挂上勾了,要在gulp里对其进行选择性编译哇。哇卡卡。

    好啦 就到这里啦~ 有问题随时沟通交流  大家一起进步

  • 相关阅读:
    使用火炬之光资源(转)
    (转)Visual Leak Detector (VLD)使用
    (转)ofusion 导出注意事项
    OgreMax 导出(转)
    (转)C++ 内存池 C++ Memory Pool 翻译版
    Maven教程初级篇01: 简介
    浅谈JSON 数据源格式
    面向连接的Socket Server的简单实现
    oracle杀死死锁进程
    重构——让程序员快乐的工作
  • 原文地址:https://www.cnblogs.com/moreyear/p/4494801.html
Copyright © 2011-2022 走看看