<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title> &#187; javascript</title>
	<atom:link href="http://www.liguosong.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.liguosong.com</link>
	<description></description>
	<lastBuildDate>Tue, 08 May 2018 01:02:19 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.2</generator>
		<item>
		<title>bower简明入门教程</title>
		<link>http://www.liguosong.com/2017/11/24/bower%e7%ae%80%e6%98%8e%e5%85%a5%e9%97%a8%e6%95%99%e7%a8%8b/</link>
		<comments>http://www.liguosong.com/2017/11/24/bower%e7%ae%80%e6%98%8e%e5%85%a5%e9%97%a8%e6%95%99%e7%a8%8b/#comments</comments>
		<pubDate>Fri, 24 Nov 2017 02:23:49 +0000</pubDate>
		<dc:creator>lgs</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[nodejs]]></category>

		<guid isPermaLink="false">http://www.liguosong.com/?p=639</guid>
		<description><![CDATA[什么是bower Bower是twitter 推出的一款包管理工具，它可用于搜索、安装和卸载如JavaScri [...]]]></description>
				<content:encoded><![CDATA[<p><strong>什么是bower</strong></p>
<p>Bower是twitter 推出的一款包管理工具，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。</p>
<p><strong>MAC安装bower</strong></p>
<pre class="brush:other">brew install bower</pre>
<p>PS：brew安装会自行安装bower需要的依赖环境，如果本机安装了node和git环境，也可以通过下面的命令安装</p>
<pre class="brush:other">npm install -g bower</pre>
<p>安装完之后输入如下命令</p>
<pre class="brush:other">bower -help</pre>
<p>会出现如下的截图<a href="http://www.liguosong.com/wp-content/uploads/2017/11/WechatIMG61.jpeg"><img class="alignnone size-full wp-image-644" alt="WechatIMG61" src="http://www.liguosong.com/wp-content/uploads/2017/11/WechatIMG61.jpeg" width="1262" height="1272" /></a></p>
<p><strong>bower初始化</strong></p>
<p>先看一下我本机的目录</p>
<p><a href="http://www.liguosong.com/wp-content/uploads/2017/11/WechatIMG62.jpeg"><img class="alignnone size-full wp-image-646" alt="WechatIMG62" src="http://www.liguosong.com/wp-content/uploads/2017/11/WechatIMG62.jpeg" width="988" height="132" /></a></p>
<p>在bower目录下创建.bowerrc文件，并在文件中添加如下内容</p>
<pre class="brush:other">{
	"directory" : "bower_extensions"
}</pre>
<p>然后执行初始化命令</p>
<pre class="brush:other">bower init</pre>
<p>然后根据提示输入对应的内容~~最后会生成bower.json文件，里面保存的就是刚才输入的信息。<a href="http://www.liguosong.com/wp-content/uploads/2017/11/WechatIMG63.jpeg"><img class="alignnone size-full wp-image-649" alt="WechatIMG63" src="http://www.liguosong.com/wp-content/uploads/2017/11/WechatIMG63.jpeg" width="1882" height="1100" /></a></p>
<p><strong>包的安装</strong></p>
<p>下面我们来安装第一个js包，输入如下命令：</p>
<pre class="brush:other">bower install jquery</pre>
<p>这时候就会在刚才设置的目录中保存了jquery的文件~~ 注意下面的命令，会在bower.json文件中dependencies的节点保存一行刚才安装的jquery信息</p>
<pre class="brush:other">bower install jquery --save</pre>
<p>当然也可以通过下面的方式安装</p>
<pre class="brush:other"># installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js</pre>
<p><strong> </strong><strong>包的更新</strong></p>
<p>上面安装的是最新版的高版本jquery，假如想要兼容低版本浏览器的呢？<br />
已经查到兼容低版本浏览器的jquery版本为1.11.3，下面直接修改bower.json文件中的jquery版本号如下：</p>
<pre class="brush:other">  "dependencies": {
    "jquery": "~1.11.3"
  }</pre>
<p>然后执行如下命令</p>
<pre class="brush:other">bower update</pre>
<p>这时候，刚才下载的jquery就已经换成1.11.3的版本了~~</p>
<p><strong>其它命令</strong></p>
<pre class="brush:other">bower info jquery   包的信息查看
bower search bootstrap  包的查找
bower uninstall jquery   包的删除
bower home 打开在bower.json中设置的homepage</pre>
<p>更多详细的命令，请访问官方文档~~https://bower.io/docs/api/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.liguosong.com/2017/11/24/bower%e7%ae%80%e6%98%8e%e5%85%a5%e9%97%a8%e6%95%99%e7%a8%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
