问题标签 [codekit]

我刚刚使用 Jekyll 创建了我的第一个测试站点，并将其托管在 GitHub Pages 上。

我一直在玩它，但我很难找出设置 CodeKit 以与 Jekyll 一起使用的最佳方法，以便它在 _site/css 文件上进行代码注入，并将更改保存在 / sitename/css 文件，以便样式更改反映在 GitHub Pages 上的托管站点上（它根据父目录中的 CSS 重新输出文件。

到目前为止，我发现我可以通过进入 config.rb 并更改来在本地工作

至

然后在我想推送到 GitHub 时将其改回。

不过，这非常笨拙，所以我认为其他人有更好的方法来完成这项工作。

我正在使用 jsLint 和 CodeKit 来验证我的 js。.js 本身非常小，我已经克服了 jsLint 报告的所有问题。但是这个错误似乎永远不会消失：“JSLint 已达到 1,000 个错误的限制，或者它被早期的错误所混淆，无法继续。修复上述问题，然后重试。[col.-1]”我没有线索如何克服这一点。

有任何想法吗？

我正在使用 Phonegap 构建一个 iPad 应用程序。

该应用程序应该是离线的（除了表单提交），所以它大部分是静态页面，所以我将有很多 HTML 文件，因为我没有使用 JS MVC / Require JS 来最小化复杂性。我看的越多，它基本上就是一个用Phonegap 封装的静态站点来构建一个应用程序。

由于我将拥有大量的 HTML 文件，因此如果我不使用任何模板引擎，管理（例如）页眉/页脚的更改将是一件痛苦的事。到目前为止，我使用 Codekit 将 Jade 文件编译为 HTML，效果很好，我只使用 Jade 进行布局/块/包含功能和 HTML 编译。

我不太喜欢使用 Jade 的一件事是，如果您的文件有很多嵌套的 HTML 标记（例如，使用 Zurb Foundation/Twitter Bootstrap 标记的复杂表单设计），那么突然间，Jade 看起来不再那么干净了。

不过，不知何故，我认为必须有更好的方法来做到这一点。你们有没有人用Phonegap做过一个大部分是静态页面的应用程序？有更好的建议吗？

谢谢

我正在尝试将 CodeKit 项目转换为使用 Grunt（这样我们就可以支持我们的 Windows 朋友）。

在 CodeKit 中，您可以通过在要连接的文件中包含 concat 指令作为注释来连接 JS 文件。例如，要添加jquery.validate.js到您的scripts.js文件中，您可以将以下注释添加到scripts.js：

如何配置 grunt-concat（或类似插件）以根据文件本身的说明连接 JS 文件？我更喜欢在文件中包含 concat 指令，这样会更清楚发生了什么（而不是指 Gruntfile.js）。

我正在尝试将我的 Stylus 编译过程从CodeKit迁移到 Grunt。

以下是文件的结构：

page-x.styl目录根目录中的每个@import语句都有从子目录中提取模块样式表的语句./styl/components。

例如，page-1.styl看起来像这样：

当我修改时components/header.styl，CodeKit 巧妙地拾取@import关系并相应地编译page-1.styl（以及导入相同修改文件的其他文件），甚至components/header.styl从编译中排除自己也可以获得奖励积分。

不出所料，单独使用grunt-contrib-watch+不会发生这种情况。grunt-contrib-stylus有没有人设法通过 Grunt 解决这个问题？

抱歉，如果我对这个问题感到厌烦，但是在使用 Codekit (Less) 缩小时有一个技巧可以保留一些评论？

当我尝试编译仅包含来自compass-normalize gem 的@import "normalize" 的项目时，它告诉我错误

好吧。所以我重新安装了所有的宝石，但它仍然不起作用。更重要的是，当我compass watch在命令行中它可以工作时！实际上它可以编译...... codekit 有什么问题呢？

我正在使用 SASS，并安装了 Codekit。使用 Codekit，我告诉 scss 文件压缩并编译到 ../css 文件夹内的 css 中。

某处告诉该 scss 文件也将一个 css 文件导出到我的 sass 文件夹中。

Codekit 设置正确：

输出：（这里应该没有css文件）

还有其他人遇到这个问题吗？

到目前为止我发现了什么：

该问题似乎与 Codekit 无关，因为即使卸载了 Codekit，.css也会在我的文件夹中生成烦人的文件。SASS

我曾经安装过 LiveReload 和 LiveStyle，但我已经删除了这两个项目。

我在不同的文件夹中开始了一个全新的项目，到目前为止还无法重现问题，但是我的真实项目仍然遇到错误。

PyCharm 似乎正在生成 css 文件！正在研究如何关闭它感谢凯蒂

在我正在处理的应用程序的 CSS 中，我需要包含一些专门针对 IE8 的样式。样式代码写在几个 LESS 文件中，然后使用 CodeKit 或 Mac OS X 上的 LESS 应用程序编译成一个 CSS 文件，我们用于实时应用程序。

这是我想在我的 LESS 文件中使用的 CSS 代码：

但是，LESS 不接受\0screen作为有效代码，并且在尝试使用此代码编译我们的 LESS 文件时，CodeKit 和 LESS 应用程序都会返回错误。

我知道我们可以为 IE8 使用条件注释和替代 CSS 文件，但是由于此时所需的修复只需要几行，我非常喜欢使用@media查询并将编译后的 CSS 保存到一个文件中。

在LESS 网站上，有一章关于使用 转义代码~""，但它似乎只适用于值。

如果我将其直接放入已编译的 CSS 文件中，则其中的查询和 CSS 代码非常适合 IE8，但显然我不想每次编译后都附加已编译的 CSS。

是否有另一种方法可以在 LESS 中转义此查询？

所以我使用 Codekit 在我的本地服务器上编译 LESS CSS。现在我需要将文件传输到我的实时服务器。

我的问题是，我需要上传所有的 .less 文件吗？或者我可以上传缩小的css文件吗？

这里的最佳做法是什么？