-2

我想通过 Foundation 获得一些技能,当我看到 PhpStorm(这是我的主要 Web 项目 IDE)使用 Foundation 模板时,我并不感到惊讶。

下载完模板,看了Foundation doc的开头,才发现PhpStorm提供的版本和原来的差别很大。

在此处输入图像描述

我几乎没有 ruby​​ 技能,但我已经安装了 Ruby、rails、compass gem 和 sass gem。我的问题是如何使用这个模板,以及如何干净地编译它?

4

4 回答 4

1

我的猜测是有两个 scss 文件夹,因为一个用于您的项目库:例如基础。此文件夹包含您下载的代码。现在,模板文件夹内的 scss 文件夹必须是自定义 css 代码来操作基础的默认外观。

要使用该模板,您需要引用索引页面/所有 HTML 页面中的每个文件。

来自sass 的网站

要将此 Sass 文件转换为 CSS 文件,请运行

sass --watch style.scss:style.css
于 2013-07-26T18:52:56.880 回答
1

编辑/评论原始问题:

我看不出使用这个模板有什么好处。

像往常一样使用 Sass/Scss 工作流程运行它:

gem install zurb-foundation
compass create myproject -r zurb-foundation --using foundation
cd mymyproject
compass watch

现在每次保存文件时,指南针都会将您的 Scss 文件编译到该stylesheets目录中。

于 2013-08-02T20:01:16.543 回答
0

您应该使用控制台并执行以下设置:在 docs/ 目录中运行bundle install

要在开发期间编译文档,您需要运行bundle exec foreman start. 此时,您可以访问文档http://localhost:4000

于 2013-11-23T13:05:27.400 回答
0

不要在 PhpStorm 中使用模板或基础项目,创建自己的:

你需要 Git、Ruby 1.9+ 和 NodeJs

  • 首先,安装凉亭: npm install -g bower grunt-cli

  • 下一个安装基础:gem install Foundation

  • 让我们转到您的 projetc 目录: cd /your_site

  • 创建新的基金会项目!:基础新项目名称--libsass

就这样。

如果您需要更新 Foundation:转到您的 Foundation Directory 和:foundation update

于 2014-03-14T14:13:54.243 回答