了不起好文收录(持续更新…)

1 IT工具软件类

(1)极实用的IT类网站及工具十分聚合(PS:本文讲述了软件开发过程遭到大部常用之工具和网站)

(2)你必须收藏之Github技巧(PS:想学以GitHub上添建筑私房博客的同室可以省)

(3)Vmware Server 2.0.2
安装图文解说(比较详细)(PS:初步学习怎么安装Linux虚拟机的同班可以望)

(4)当线MarkDown文本转换网站(PS:很实用,效果图很硬)

(5)HTML效果在线展示网站

 

今日协调用Angular写东西的上,下载了Angular-seed项目,发现要使用bower,之前也下了,没有仔细询问,今天乘机询问及一些。

2 网页界面设计类

(1)博客园博文添加起定义右键菜单(PS:想修改一下好博客园界面的同班可以看看)

 

bower的官网地址: http://bower.io/

3 学习总结汇总类

(1)【真正便民】成为业内程序员路上下的各种精彩资料、神器及框架

 

Bower是一个客户端技术之软件包管理器,它可是用以搜索、安装及卸载如JavaScript、HTML、CSS之类的大网资源。它擅长前端的管管理,通过其API展示了包依赖型。使得项目不存在系统级的倚重,不同之应用程序间也未见面共享依赖,整个依赖树是扁的。

4 技术上资料

(1)Material Design
中文版

(2)Android开发常用图标(阿里巴巴图库)

(3)github上传代码新手简单教程

(4)MongoDB网络教程

(5)Django网络教程

(6)Python初窥Scrapy

(7)Python学习廖雪峰教程

(8)伯乐在线

(9)手册网 

 

 

待续…

 

胡以Bower?摘自segmentfault

  1. 节省时间。为什么而上学Bower的率先个由,就是它见面吧而省寻找客户端的倚重关系的时刻。每次自我索要设置jQuery的上,我都亟待去jQuery网站下充斥包或行使CDN版本。但是出矣Bower,你偏偏需要输入一个指令,jquery就会安装于该地电脑达,你莫需要去记版本号之类的东西,你也可透过Bower的info命令去查看任意库的音信。

  2. 脱机工作。Bower会在用户主目录下创建一个.bower底公文夹,这个文件夹会下载所有的资源、并安装一个软件包使它们得以离线使用。如果你熟悉Java,Bower即是一个像样于今日风靡的Maven构建系统的.m2仓库。每次你生充斥任何资源库都以受安装在简单单文件夹着
    ——
    一个每当的应用程序文件夹,另一个在用户主目录下的.bower文件夹。因此,下一致潮你用这个库房时,就会见用生用户主目录下.bower中的本。

  3. 好充分易地表现客户端的依关系。你可以创建一个称作也bower.json的公文,在这个文件里你可指定所有客户端的仗关系,任何时候你用弄清楚你在采取什么库,你可参考这文件。

  4. 让升级换得简单。假设有库底初本子发布了一个重要的安全修补程序,为了设置新本子,你就需要周转一个下令,bower会自动更新所有关于新本子的靠关系。

Bower依赖于NodeJS和npm。可以使npm全局安装Bower,-g 操作表示全局。

npm install -g bower

内需专注的凡,Bower的运转,依赖让版本控制工具git,从github拉取以来信息。

脚的指令可以创新或卸载Bower。

npm update -g bower
npm uninstall -global bower

发端使用Bower

设置完bower之后虽足以行使具有的bower命令了。可以键入help 命令来查看bower可以做到那些操作,如下:

bower help

用法:

bower <command> [<args>] [<options>]

命令Commands:

    cache-clean       清除Bower的缓存,或清除指定包的缓存
    completion        Bower的Tab键自动完成
    help              显示Bower命令的辅助信息
    info              指定包的版本信息和描述
    init              交互式的创建bower.json文件
    install           安装一个本地的包
    link              包目录的符号连接
    list, ls          列出所有已安装的包
    lookup            根据包名查询包的URL
    register          注册一个包
    search            根据包名搜索一个包
    uninstall         删除一个包
    update            更新一个包

选项:
    –no-color 关闭彩色输出(适合Bower的保有命令)

尚得采取命令’bower help
<command>’来查看Bower指定命令的详细信息。

保之装

 Bower是一个软件包管理器,所以您得于应用程序中因故她来设置新的软件包。举例来拘禁一下来安用Bower安装JQuery,在公想如果装该包的地方创造一个初的文书夹,键入如下命令:

bower install jquery

上述命令就以后,你见面在你才创建的目下观看一个bower_components的文本夹,其中目录如下:

tree bower_components/
bower_components/
└── jquery
    ├── README.md
    ├── bower.json
    ├── component.json
    ├── composer.json
    ├── jquery-migrate.js
    ├── jquery-migrate.min.js
    ├── jquery.js
    ├── jquery.min.js
    ├── jquery.min.map
    └── package.json

1 directory, 10 files

Bower会使用库的名字,去于头脑引中找该库底网址。某些情况下,如果一个库房很新(或者您不思量使默认网址),可能得我们手动指定该库底网址。

bower install git://github.com/documentcloud/backbone.git
bower install http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js
bower install ./some/path/relative/to/this/directory/backbone.js

面的命说明,指定的网址可以是github地址、http网址、本地文件。

默认情况下,会设置该库的流行版本,但是也可手动指定版本号。

bower install jquery-ui#1.10.1

面的通令指定安装jquery-ui的1.10.1版。

设某个库依赖另一个仓房,安装时默认将所依赖之堆栈一起安装。比如,jquery-ui依赖jquery,安装时见面连jquery一起安装。

设置后底库默认存放在项目的bower_components子目录,如果要指定其他职位,可于.bowerrc文件之directory属性设置。

保的施用

如今尽管足以以应用程序中利用jQuery包了,在jQuery里创建一个简的html5文书:

<!doctype html>
<html>
<head>
    <title>Learning Bower</title>
</head>
<body>

<button>Animate Me!!</button>
<div style="background:red;height:100px;width:100px;position:absolute;">
</div>

<script type="text/javascript" src="bower_components/jquery/jquery.min.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        $("button").click(function(){
            $("div").animate({left:'250px'});
        });
    });
</script>
</body>
</html>

正要使您所看到底,你碰巧引用jquery.min.js文件,现阶段得。

富有保险之列表

假使您想寻找来装有安装在应用程序中的担保,可以运用list命令:

bower list
bower check-new     Checking for new versions of the project dependencies..
blog /Users/shekhargulati/day1/blog
└── jquery#2.0.3 extraneous

保险之摸

万一你想当您的应用程序中运用twitter的bootstrap框架,但若不确定包之名字,这时你得下search 命令:

bower search bootstrap
Search results:

    bootstrap git://github.com/twbs/bootstrap.git
    angular-bootstrap git://github.com/angular-ui/bootstrap-bower.git
    sass-bootstrap git://github.com/jlong/sass-twitter-bootstrap.git

包之音

设你想看看关于特定的担保之音讯,可以应用info 命令来查该包的有着信息:

bower info bootstrap
bower bootstrap#*           not-cached git://github.com/twbs/bootstrap.git#*
bower bootstrap#*              resolve git://github.com/twbs/bootstrap.git#*
bower bootstrap#*             download https://github.com/twbs/bootstrap/archive/v3.0.0.tar.gz
bower bootstrap#*              extract archive.tar.gz
bower bootstrap#*             resolved git://github.com/twbs/bootstrap.git#3.0.0

{
  name: 'bootstrap',
  version: '3.0.0',
  main: [
    './dist/js/bootstrap.js',
    './dist/css/bootstrap.css'
  ],
  ignore: [
    '**/.*'
  ],
  dependencies: {
    jquery: '>= 1.9.0'
  },
  homepage: 'https://github.com/twbs/bootstrap'
}

Available versions:
  - 3.0.0
  - 3.0.0-rc1
  - 3.0.0-rc.2
  - 2.3.2
 .....

使你想获取单个包之音,也可行使info 命令:

bower info bootstrap#3.0.0
bower bootstrap#3.0.0           cached git://github.com/twbs/bootstrap.git#3.0.0
bower bootstrap#3.0.0         validate 3.0.0 against git://github.com/twbs/bootstrap.git#3.0.0

{
  name: 'bootstrap',
  version: '3.0.0',
  main: [
    './dist/js/bootstrap.js',
    './dist/css/bootstrap.css'
  ],
  ignore: [
    '**/.*'
  ],
  dependencies: {
    jquery: '>= 1.9.0'
  },
  homepage: 'https://github.com/twbs/bootstrap'
}

包的卸载

推卸载包可用uninstall 命令:

bower info bootstrap#3.0.0
bower bootstrap#3.0.0           cached git://github.com/twbs/bootstrap.git#3.0.0
bower bootstrap#3.0.0         validate 3.0.0 against git://github.com/twbs/bootstrap.git#3.0.0

{
  name: 'bootstrap',
  version: '3.0.0',
  main: [
    './dist/js/bootstrap.js',
    './dist/css/bootstrap.css'
  ],
  ignore: [
    '**/.*'
  ],
  dependencies: {
    jquery: '>= 1.9.0'
  },
  homepage: 'https://github.com/twbs/bootstrap'
}

管之卸载

推卸载包得以uninstall 命令:

bower uninstall jquery

布置文件.bowerrc

路根本目录下(也可放在用户之主目录下)的.bowerrc文件是Bower的部署文件,它大约像下这样。

{
  "directory" : "components",
  "json"      : "bower.json",
  "endpoint"  : "https://Bower.herokuapp.com",
  "searchpath"  : "",
  "shorthand_resolver" : ""
}

其间的特性含义如下。

  • directory:存放库文件的子目录名。
  • json:描述各个库房底json文件称。
  • endpoint:在眉目引的网址,用来寻找各种库。
  • searchpath:一个频繁组,储存备选之以线索引网址。如果某个库在endpoint中寻找不顶,则连续搜寻该属性指定的网址,通常用于放置某些不明白之堆栈。
  • shorthand_resolver:定义各个库房名称简写形式。

bower.json文件之以

bower.json文件之下可以于包的安装更易,你可以于应用程序的干净目录下创办一个叫做吧“bower.json”的公文,并定义其的依关系。使用bower init 命令来创造bower.json文件:

bower init
[?] name: blog
[?] version: 0.0.1
[?] description:
[?] main file:
[?] keywords:
[?] authors: Shekhar Gulati <shekhargulati84@gmail.com>
[?] license: MIT
[?] homepage:
[?] set currently installed components as dependencies? Yes
[?] add commonly ignored files to ignore list? Yes
[?] would you like to mark this package as private which prevents it from being accidentally published to the registry? No

{
  name: 'blog',
  version: '0.0.1',
  authors: [
    'Shekhar Gulati <shekhargulati84@gmail.com>'
  ],
  license: 'MIT',
  ignore: [
    '**/.*',
    'node_modules',
    'bower_components',
    'test',
    'tests'
  ],
  dependencies: {
    jquery: '~2.0.3'
  }
}

[?] Looks good? Yes

 可以查该文件:

{
  "name": "blog",
  "version": "0.0.1",
  "authors": [
    "Shekhar Gulati <shekhargulati84@gmail.com>"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "~2.0.3"
  }
}

专注看,它已经入了jQuery依赖关系。

本设为想用twitter bootstrap,我们得以就此脚的通令安装twitter
bootstrap并更新bower.json文件:

bower install bootstrap --save

她会自动装时版本的bootstrap并更新bower.json文件:

{
  "name": "blog",
  "version": "0.0.1",
  "authors": [
    "Shekhar Gulati <shekhargulati84@gmail.com>"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "~2.0.3",
    "bootstrap": "~3.0.0"
  }
}

有矣bower.json文件之后,就足以用bower install命令,一下子设置所有库。

bower install

基于bower.json文件,还好往Bower的以头脑引提交你的仓库。

bower register <my-package-name> <git-endpoint>
// 比如
bower register jquery git://github.com/jquery/jquery

在意,如果你的库房和存活的库重名,就会见交到失败,如果你的package-name是驼峰的,也会报失败。

报bower库的例子,我报了一个命名color的堆栈,使用如下命令:

bower register color-namer https://github.com/CraryPrimitiveMan/ColorNamer

显示信息如下:

bower convert       Converted https://github.com/CraryPrimitiveMan/ColorNamer to git://github.com/CraryPrimitiveMan/ColorNamer.git
bower resolve       git://github.com/CraryPrimitiveMan/ColorNamer.git#*
bower download      https://github.com/CraryPrimitiveMan/ColorNamer/archive/0.0.1.tar.gz
bower progress      color-namer#* received 0.1MB
bower progress      color-namer#* received 0.1MB
bower progress      color-namer#* received 0.1MB
bower progress      color-namer#* received 0.2MB
bower progress      color-namer#* received 0.2MB
bower progress      color-namer#* received 0.2MB
bower progress      color-namer#* received 0.2MB
bower progress      color-namer#* received 0.3MB
bower extract       color-namer#* archive.tar.gz
bower resolved      git://github.com/CraryPrimitiveMan/ColorNamer.git#0.0.1
? Registering a package will make it installable via the registry (https://bower? Registering a package will make it installable via the registry (https://bower.herokuapp.com), continue?: Yes
bower register      git://github.com/CraryPrimitiveMan/ColorNamer.git

Package color-namer registered successfully!
All valid semver tags on git://github.com/CraryPrimitiveMan/ColorNamer.git will be available as versions.
To publish a new version, just release a valid semver tag.

Run bower info color-namer to list the available versions.

足据此如下命令查看注册的bower库的消息

bower info color-namer
bower info color-namer#0.0.1

 

立刻便是今天之读,希望会为您针对bower有只足够的了解,最好得协调尝尝一下。

 

大部分情选择自SegmentFault阮一峰博客