【问题标题】:Getting Started with Gumby FrameworkGumby 框架入门
【发布时间】:2023-10-18 22:50:01
【问题描述】:

我刚刚遇到Gumby Framework,我已经从他们的网站下载了 zip 文件。上网查了一些“教程”,发现都是在讲 Bower 之类的工具,我也不是很懂,所以暂时搁置了。

我浏览了 zip 文件夹。我找到了各种 css、img、js 等文件夹。我找到了一些列出 UI 组件等的网页。现在我做了一个自己的网页,并使用了它的导航栏、div 元素等。我编辑了中间的 CSS 文件以适应我的段落,等等

但是当我在 Gumby Framwork 上寻求帮助时,我几乎总是会发现提到这个 Bower 工具。

我做错了什么吗?我应该像现在这样继续使用 Gumby,还是应该真正研究一下这个工具?

【问题讨论】:

  • 我会说听从他们的建议。
  • 它对我有什么帮助?它到底是做什么的?

标签: css css-frameworks gumby-framework


【解决方案1】:

我做了一堆这样的教程: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 分钟内大幅提升您的游戏水平。我建议后者。 =)

【讨论】:

  • 包管理器到底是什么?当您说“包裹”时,您是什么意思?如果这些听起来像愚蠢的问题,我很抱歉,但我无法联系,而且我对 CSS 框架非常陌生!我一直以最原始的方式制作网页:(
  • 以“原始”方式制作网页并不是一件坏事。你做的越多,你就越有可能开始留出你重复使用的部分(比如reset 或其他东西)。一旦你留出足够多的部分,你就可以称之为框架。 :) 那里有各种各样的包管理器。基本上,人们将他们的框架(或任何其他代码)基本上“压缩”到“包”中。您实际上并没有压缩它或任何东西,您只是使用该特定包管理器的约定来定义一个包。然后人们就可以下载它们了。
  • 如果它回答了您的问题,请查看我的回答?
  • 抱歉,抓到东西了。非常感谢:)
  • 没问题。祝你好运。