Gumby框架入門

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。 一切正常™

但是，如果您進一步了解Bower是什么以及它在做什么，這可能會有所幫助。

從他們網站上的第一句話開始，Bower只是網絡的軟件包管理器。 如果您已將npm install用於Node， sudo apt-get install ，Ruby Gems等，那么您應該熟悉軟件包管理器的一般前提。

Bower鏈接到其中包含bower.json文件且已發布到Bower的存儲庫。 這是針對他們的搜索工具： http : //bower.io/search/

基本上，當您進行bower install foo ，它將找到foo軟件包並將存儲庫克隆到項目中名為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 。 巴姆，您使用的是正確的版本。

使用Bower的缺點是，它會引入很多您可能不需要/想要的東西。 例如，我們只使用一個文件來進行jQuery導入，但是現在我們大約有10個額外的文件。

好處很大。 只需花費一分鍾即可學習使用方法，然后您將像專業人士一樣進行版本控制/更新。

因此，要回答您的問題，您可以繼續使用網絡GUI下載.zips和所有這些廢話。 或者，您可以在10分鍾內大幅度提高游戲質量。 我建議后者。 =）

Gumby框架入門

問題描述

1 個解決方案

解決方案1
1 已采納 2014-02-06 06:55:54

Gumby框架入門

問題描述

1 個解決方案

解決方案1 1 已采納 2014-02-06 06:55:54

解決方案1
1 已采納 2014-02-06 06:55:54