我正在努力学习 Bootstrap 3 及 Less,但在开始之前我就陷入了死胡同。经过两天的反复试验,我最终选择了Koala来将Less编译成CSS。我使用的是 Mac OS 10.7,所以 Codekit 已经出来了(现在只能在 8+ 上运行),并且由于 Koala 实际运行(并且我已经安装了十几个软件正在尝试实现此工作流程,包括但不限于 Grunt 、Ruby、Git、Bower、Jekyll、GCC、Node.js,更不用说各种 IDE 和文本编辑器),我讨厌继续尝试更多选项,我只是希望我缺少一些简单的概念。
我什至无法开始学习 Less,因为我一直在努力理解和设置这个工作流程。我终于让 Koala 在我的 Bootstrap 项目中看到了源(Less)和目标(css)文件,但是当我尝试编译任何东西(使用直接的、通过 Bower 安装的 Bootstrap)时,我收到了大量错误,并且该代码未编译。目标/目标 css 文件保持不变。
我真的很希望有某种应用程序可以让我远离命令行……我今天已经在那里度过了足够的时间,足以陪伴我一生。除此之外,虽然错误检测很棒,但默认的 BS 3 文件真的充满错误吗?我不得不对此表示怀疑,并推测考拉就在后面。
另请注意,我将 Koala 设置为“自动编译”,但当我尝试手动编译时,它只会引发错误。尽管我已成功编辑配置 json 文件以将压缩文件获取/放置在正确的位置,但它从未编译过。
例如,尝试编译alerts.less,日志显示以下错误:
NameError: variable @alert-padding is undefined in /Users/mattk/Documents/ilium/web2014/bootstrap-bower/bower_components/bootstrap/less/alerts.less:10:11
9 .alert {
10 padding: @alert-padding;
11 margin-bottom: @line-height-computed;
尝试编译 carousel.less,日志显示:
NameError: .transition is undefined in /Users/mattk/Documents/ilium/web2014/bootstrap-bower/bower_components/bootstrap/less/carousel.less:20:4
19 position: relative;
20 .transition(.6s ease-in-out left);
21
回顾一下,我的问题是:为什么 Koala 不自动编译,而且为什么它根本不编译?这些错误是否会阻止该过程完成?如果 Bootstrap 的默认 .less 文件无法编译,那么我对编辑能够编译的文件有什么希望呢?
我一直认为自己至少有一半聪明,虽然我不是程序员,但我一直喜欢代码……CSS 和 JQuery 让我兴奋不已。但是,伙计,在这次尝试让我了解 Less 的失败尝试之后,它让我对整个网络构建的事情失去了兴趣。
我缺少什么?人们遇到的编译器较少,这似乎很常见,但我在这里已经没有选择了。我最初安装了上面提到的很多东西,只是想我可以硬着头皮留在工作流程中的命令行中,但这很难说,因为我似乎甚至无法达到我正在编辑的程度。无论如何,文件较少。