我正在努力学习Bootstrap 3和Less,在我开始学习之前,我已经走到了尽头。经过两天的反复试验,我终于登陆考拉,将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,log显示以下错误:
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
回顾一下,我的问题是:为什么考拉不会自动编译,而且,为什么它根本不编译?这些错误会阻止该过程完成吗?如果Bootstrap的默认.less文件无法编译,那么我有什么希望编辑文件呢?
我一直认为自己至少有一半是光明的,虽然我不是程序员,但我总是喜欢代码... CSS和JQuery让我感到很兴奋。但是男人,在这个命运多me的尝试让我的头围绕着Less之后,它让我脱离了整个网络建设的事情。
我错过了什么?似乎很常见的是,人们遇到的编译器却没有,但是我的选项已经用完了。我安装了上面提到的很多东西,只是觉得我可以咬紧牙关并在我的工作流程中保持命令行,但很难说,因为我似乎无法达到我正在编辑的程度。反正少了文件。