zoukankan      html  css  js  c++  java
  • 初识 bower(一)

    一.前言

    • 写给我自己看的,自己学习用的。
    • 尼玛现在的前端越来越高端了。

    二.什么是bower

    1. 首先不管他是什么鸟,总之看见了web这个单词,就知道肯定和网站有点关系。
    2. 我目前知道的是   就是bower就是解决自己动手去下载各种库,框架的问题。

    三.如何安装bower

    1. bower基于node环境,所以node的环境必需要装好。没装的点这个node官网;
    2. 全局安装bower代码很简单,-g的意思是全局安装哦;
    3.   这可以看bower的版本信息。

    四.使用bower下载常用的库(这里示例用的是jquery和bootstrap)

    1. 我门建立一个文件夹用作  bower 的项目根目录   bower  然后在里面新建一个文件夹叫 bower-in-action目录,意思是和bower相关 
    2. 我们再在里面建立一个jquery-bootstrap-in-action的目录意思是包含jquery和bootstrap,;
    3. 然后我们就可以下载jquery和bootstrap了,bower提供了多种下载方式。可以用库或者框架在bower的注册名下载 :bower install XXX(注册名)  不知道的可以去bower搜索,也可以用github上面的短名称下载,就是github项目的面包屑的地址;也可以用github提供的url下载,还可以通过普通的http的地址下载,我在这用注册的名称下载了。

    五.设置bower.json(我暂时也不知道设置是干嘛用的)

    1. 命令行  bower init 即可,然后下面一大坨自己选择  
    2. 然后看看文件目录是不是多了一个  json 文件了 ?
    3. 我们看看bower.json里面到底写了些什么。,这些常用的linux命令大家应该都会吧,然后json里面是
    4. 其中的dependencies是生产中依赖的插件和库,那么如何在开发环境中依赖某些库呢?假设我门要在开发环境中添加一个angular的框架,,其中--save-dev就是开发环境,而--save直接写的话就是生产环境咯。
    5. 我们现在在看看bower.json中是不是多了什么?  我们输入vim bower.json,,是不是多了开发环境?

    六.如何引入这些由bower下载下来的库呢(没结合grunt的情形)?

    1. 当前目录新建一个  index.html ,然后直接通过script来引入即可(当然是废话,我还没学到所以后续再来完善。)
    保持饥饿感远比做梦想家要强
  • 相关阅读:
    HTML链接/实施CSS的三种方法
    XML之Well-Formed文档规则
    【摘】SVN提交与版本冲突
    Web开发之404小结
    TCP 连接的要点
    [转] Epoll 相对Poll和Select的优点
    [转] 剖析 epoll ET/LT 触发方式的性能差异误解(定性分析)
    GDB调试技巧
    [转] 关于c++的头文件依赖
    [转] Linux中gcc,g++常用编译选项
  • 原文地址:https://www.cnblogs.com/qiansimin88/p/4181370.html
Copyright © 2011-2022 走看看