在编写了我自己的响应式设计的许多项目之后，我对它有点厌倦了，在研究了流行的响应式框架之后决定与Zurb Foundation合作。
首先我去了css准备下载。然后我尝试使用GEM，在我试图找出自己的东西时遇到了一些阻力。似乎文档没有解释足够的场景，它们只是原始文档。
首先我想念的是搜索所有类以快速查找解释，就像jquery的网站一样。
许多谷歌搜索和阅读以确定我需要在Windows上安装ruby。然后我终于认为我的网络服务器也需要安装ruby，但我发现SASS只是一个预处理器，所以它只能帮助我编写和维护更好的代码：）
以下是其他一些我无法轻易解决的问题，无需为每件事搜索谷歌：
1）我已经配置了Dreamweaver来打开.scss文件。然后每天我正在开发，我需要打开ruby-console，导航到项目目录并放入：罗盘手表。现在每次我保存每一个修改（所以我可以测试我的浏览器），Dreamweaver弹出消息框：“文件已经在Dreamweaver之外修改，...你想保存..blabla” - 非常非常讨厌
2）app.scss只包含很多@import语句。 _settings.scss保存代码我可以更改默认外观（这是我使用gem的主要原因，因为不是SASS大师）。我应该取消注释一些声明并将其更改为我在_settings.scss中的需求，并且在我成功更新zurb后，我将丢失所有这些更改：gem update zurb-foundation？如果是这样，创建一个包含我所有覆盖的新scss是否更好？
3）如何创建新的.scss文件，该文件应该覆盖_settings.scss监听的一些默认值。
4）我应该覆盖app.css或_settings.scss
5）当更改顶栏链接悬停颜色时，为什么不应用这些？示例：$ topbar-link-color-hover：#fff; （_settings.scss）
6）创建后我的项目中没有/ img或/ images文件夹。因此，我自己创建了一个“/ images”
7）任何在基础4上购买的书籍都有很多最佳实践和教程???我很抱歉，但老实说，似乎有很多时间花在学习zurb的基础知识上。我在c ++项目中有很多经验，如移动和桌面网络项目，所以我真的不喜欢新手，但它几乎就像我被迫购买支持
答案 0 :(得分：3)
首先，我将首先说，如果您是框架新手，请尝试使用Twitter-Bootstrap等更多文档。但是，既然您决定使用基金会，那么您的问题就是答案。
1）设置指南针将文件写入Dreamweaver不看的另一个目录。在本地开发时，使用像Charles Proxy这样的代理在文件中进行代理。这将摆脱你想要保存此文件消息的烦人。在将应用程序部署到本地之外的某个位置之前，将SCSS文件的编译作为构建过程的一部分。
2）是的，app.scss包含所有import语句。如果你正在寻找原始速度，你可能想要评论一些，只是fyi。在覆盖方面，您可以做的一件事是使用在其他文件中提供给您的Mixins。例如，Button.scss有一些很棒的按钮mixins，你不仅可以创建自己的天赋，还可以继承大部分的基本功能。另一件事，如果您注意到所有变量都具有！default。这意味着如果在其他地方声明它们（首先读取导入变量），将覆盖默认值。
3）只需制作文件并在_settings.scss
之前将其添加为导入 4）app.scss对基础的所有部分都有大量的进口，有些是你最有可能使用的，有些可能不是。5）需要看到这个编译的CSS，我的猜测虽然没有看到任何东西是你错过了一个变量。
6）创建它因为Compass正在寻找它？除非您计划使用图像或创建精灵（罗盘可以创建精灵，这是真棒），您只需在config.rb中注释或删除它。
7）没有见过任何人。与Bootstrap相比，基金会此时的社区要少得多。然而，你可以通过研究SASS和SCSS来获得一席之地，这方面还有很多可用的东西。