Question

我刚遇到Gumby Framework，我从他们的网站上下载了zip文件。当我在网上查找一些“教程”时，我发现他们正在谈论像Bower等工具。我无法真正理解所有这些，所以我暂时把它放在一边。

我通过zip文件夹。我找到了各种css，img，js等文件夹。我找到了一些列出UI组件等的网页。现在我做的是，我创建了一个自己的网页，我使用了它的导航栏，div元素等。我编辑之间的CSS文件以适合我的段落，等

但是当我在Gumby Framwork寻求帮助时，我几乎总能找到这个Bower工具。

我有什么问题吗？我应该像我现在一样继续使用Gumby，还是应该真正研究这个工具？

Answer 1

我做了很多这些教程：http://webdesign.tutsplus.com/series/getting-to-know-gumby--webdesign-16738

如果您不想，您不必使用Bower。无论是什么Works™

但如果你更了解Bower是什么以及它正在做什么，那么它可能会有所帮助。

从他们网站上的第一句开始，Bower就是网络的包管理员。如果你已经将npm install用于Node，sudo apt-get install，Ruby Gems等，那么你应该熟悉包管理器的一般前提。

Bower链接到其中包含bower.json文件且已发布到Bower的repos。这是他们的搜索工具：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下载.zips和所有垃圾。或者你可以在10分钟内大幅提升你的游戏。我建议后者。 =）

Gumby框架入门

1 个答案: