如何使用 PhpStorm Foundation 模板？答案

【问题标题】：How to use PhpStorm Foundation template?如何使用 PhpStorm Foundation 模板？
【发布时间】：2013-07-26 18:12:24
【问题描述】：

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

下载完模板，看了Foundation doc的开头，才发现PhpStorm提供的版本和原来有很大的不同。

我几乎没有 ruby 技能，但我已经安装了 Ruby、rails、compass gem 和 sass gem。我的问题是这个模板怎么用，怎么编译干净？

【问题讨论】：

你的意思是......你想要一个关于上述文件夹结构的解释......子文件夹和所有这些
听起来像是 phpstorm 支持的问题，自述文件中有什么具体内容吗？这看起来像是需要 compass 或 codekit 的 Sass 版本，除非 phpstorm 在内部处理预处理。
为什么不从 Foundation 下载原始模板？
@MESSIAH 哼我已经明白 /docs/ 、 /js/ 、 /lib/ 、 /scss/ 代表什么，但是模板呢？我要在这里建立我的项目吗？如何编译源代码？他们为什么要放一个 Gruntfile。我只是有点困惑，例如有 2 个 scss/ 目录...
@cocoggu 我看不出使用这个模板有什么好处。只需gem install zurb-foundation 然后compass create myproject -r zurb-foundation --using foundation cd 到该目录并运行compass watch

【解决方案1】：

编辑/评论原始问题：

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

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

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

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

【讨论】：

【解决方案2】：

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

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

要将此 Sass 文件转换为 CSS 文件，请运行
sass --watch style.scss:style.css

【讨论】：

谢谢，但我认为编译比这更容易。您使用的方法是逐个文件，当我说“干净”时，这就是我的意思。编译所有文件（即使是 ruby 或我不知道我必须编译哪些文件）应该像为 NodeJS 键入“grunt”一样简单。或者，如果基金会没有类似的命令，我说。无论如何，感谢您对目录的解释。这就是我在想的，但我不确定......

【解决方案3】：

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

要在开发过程中编译文档，您需要运行 bundle exec foreman start。届时，您可以通过 http://localhost:4000

访问文档

【讨论】：

【解决方案4】：

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

您需要 Git、Ruby 1.9+ 和 NodeJs

就是这样。

如果您需要更新 Foundation ：转到您的基金会目录并：基础更新

【讨论】：