我想通过 Foundation 获得一些技能,当我看到 PhpStorm(这是我的主要 Web 项目 IDE)使用 Foundation 模板时,我并不感到惊讶。
下载完模板,看了Foundation doc的开头,才发现PhpStorm提供的版本和原来的差别很大。
我几乎没有 ruby 技能,但我已经安装了 Ruby、rails、compass gem 和 sass gem。我的问题是如何使用这个模板,以及如何干净地编译它?
我想通过 Foundation 获得一些技能,当我看到 PhpStorm(这是我的主要 Web 项目 IDE)使用 Foundation 模板时,我并不感到惊讶。
下载完模板,看了Foundation doc的开头,才发现PhpStorm提供的版本和原来的差别很大。
我几乎没有 ruby 技能,但我已经安装了 Ruby、rails、compass gem 和 sass gem。我的问题是如何使用这个模板,以及如何干净地编译它?
我的猜测是有两个 scss 文件夹,因为一个用于您的项目库:例如基础。此文件夹包含您下载的代码。现在,模板文件夹内的 scss 文件夹必须是自定义 css 代码来操作基础的默认外观。
要使用该模板,您需要引用索引页面/所有 HTML 页面中的每个文件。
来自sass 的网站:
要将此 Sass 文件转换为 CSS 文件,请运行
sass --watch style.scss:style.css
编辑/评论原始问题:
我看不出使用这个模板有什么好处。
像往常一样使用 Sass/Scss 工作流程运行它:
gem install zurb-foundation
compass create myproject -r zurb-foundation --using foundation
cd mymyproject
compass watch
现在每次保存文件时,指南针都会将您的 Scss 文件编译到该stylesheets
目录中。
您应该使用控制台并执行以下设置:在 docs/ 目录中运行bundle install
。
要在开发期间编译文档,您需要运行bundle exec foreman start
. 此时,您可以访问文档http://localhost:4000
不要在 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