zurb-foundation - 包括使用 Composer 的基础

标签 zurb-foundation composer-php

我尝试学习 Composer ,现在我想包括(zurb)基础,所以我添加了
"require": {"zurb/foundation": "v5.2.2"} 到 composer.json 文件。
运行composer.phar update后,可以看到/vendor/zurb/foundation文件夹中添加了一些文件。

但我不知道如何继续,有人可以建议我现在如何开始构建我的网络应用程序吗?我如何让它使用基础所需的 css 和 js 文件?

我已经将文件 vendor/autoload.php 包含到我的 index.php 中,但这似乎还不够。

我已经使用基础构建了多个网站和应用程序,但总是“手动”,然后我只在页面的页眉和页脚中包含正确的 css 和 js 文件。现在我只是不知道从哪里开始。

谢谢你的帮助。

最佳答案

首先检查这个问题以获得基础知识:NPM/Bower/Composer - differences? .

然后,如果您决定使用 Composer for PHP 和 Bower 作为前端库,请遵循以下步骤:

  • 使用 sh $ npm install -g bower 安装 Bower (您首先需要 Node.jsnpm)
  • 为您的前端包配置 Bower(访问 Bower docs 了解更多信息)
    {
      "name": "MyProject",
      "dependencies": {
        "foundation": "*"
      }
    }
    
  • 将 Bower 添加到您的 composer.json
    "scripts": {
      "post-install-cmd": [
        "bower install"
      ],
      "post-update-cmd": [
        "bower install"
      ],
    }
    

  • 现在每次你点击composer update (或 install),凉亭组件也得到更新!

    关于zurb-foundation - 包括使用 Composer 的基础,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23134172/

    相关文章:

    html - 是否可以底部对齐图像并顶部对齐图像下方的标题?

    css - 具有嵌套表结构的网站 : How to remove padding and margin only for the main structure and not for a table inside?

    javascript - Zurb 基础均衡器在 ajax 后调整大小

    javascript - angular 1.2 中的 ng-include 不起作用?

    php - 尽管禁用了 remote_autostart,Xdebug 仍为所有 cli 命令运行

    composer-php - composer.lock 和 installed.json 有什么区别?

    css - 哪些标签允许在 Foundation 中具有列类

    composer-php - Composer 列出已安装版本和最新版本的软件包

    php mailer 5.2.23 通过composer安装

    php - 带有 PHP 5.6 和 Composer 的 OpenSSL - 证书验证失败