我做了一堆这样的教程:http://webdesign.tutsplus.com/series/getting-to-know-gumby--webdesign-16738
如果你不想,你不必使用 Bower。随心所欲™
但如果您能多了解一下 Bower 是什么以及它到底在做什么,这可能会有所帮助。
从他们网站上的第一句话开始,Bower 只是一个网络包管理器。如果您使用过 npm install 用于 Node、sudo apt-get install、Ruby Gems 等,那么您应该熟悉包管理器的一般前提。
Bower 链接到其中包含 bower.json 文件并已发布到 Bower 的存储库。这是他们的搜索工具:http://bower.io/search/
基本上,当您执行 bower install foo 时,它会找到 foo 包并将 repo 克隆到项目中名为 bower_components 的文件夹中。
我们为什么要这样做?免费更新!易于版本控制!
假设你想要 jQuery。你可以去jquery.com,点击下载链接,右键文件,另存为,进入你的index.html文件,为其添加脚本标签;或者只是链接到 CDN(这实际上是比较可取的,但让我们假装这次是个坏主意,让我们假装我们有一个真正想要本地副本的老板)。
好的...我们可以这样做...或者我们先cd ~/path/to/project 然后bower install jquery
用这段代码测试一下。请注意您应该使用的 bower_components/package_name/exact_file 路径。
<html>
<head>
<title>foo</title>
</head>
<body>
<button>Click me</button>
<script src="bower_components/jquery/jquery.min.js"></script>
<script>
$(function() {
$('button').click(function() {
alert('It works!');
});
});
</script>
</body>
</html>
现在检查一下。你的老板刚进来,想让你改用旧版本的 jQuery,这样你就可以支持 IE 或其他东西。键入 bower info jquery 以查看可用的版本。凉爽的。 1.10.0 是我们想要的。现在输入bower install jquery#1.10.0。 Bam,你使用的是正确的版本。
使用 Bower 的缺点是它会吸收很多您可能不需要/不想要的东西。例如,我们只使用一个文件进行 jQuery 导入,但现在我们有大约 10 个额外的文件。
不过,好处是很大的。只需一分钟即可了解如何使用,然后您将像专业人士一样进行版本控制/更新。
因此,要回答您的问题,您可以继续使用网络 gui 下载 .zip 和所有这些废话。或者您可以在 10 分钟内大幅提升您的游戏水平。我建议后者。 =)