Articles of less

npm安装较less从ruby抛出错误

我试图使用更less,遵循他们的入门指南 我成功运行sudo npm install -g less ,结果是: /usr/bin/lessc -> /usr/lib/node_modules/less/bin/lessc less@1.7.0 /usr/lib/node_modules/less ├── mime@1.2.11 ├── mkdirp@0.3.5 ├── source-map@0.1.33 (amdefine@0.1.0) 但是当我尝试使用lessc我从Ruby中得到一个错误: $ lessc /home/jasonshark/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/dependency.rb:298:in `to_specs': Could not find 'less' (>= 0) among 153 total gem(s) (Gem::LoadError) from /home/jasonshark/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/dependency.rb:309:in `to_spec' from /home/jasonshark/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_gem.rb:47:in `gem' from /home/jasonshark/.rvm/gems/ruby-2.0.0-p247/bin/lessc:22:in `<main>' from /home/jasonshark/.rvm/gems/ruby-2.0.0-p247/bin/ruby_executable_hooks:15:in `eval' from /home/jasonshark/.rvm/gems/ruby-2.0.0-p247/bin/ruby_executable_hooks:15:in `<main>' 这是什么冲突,我该如何解决? 我的$PATHvariables是: $ echo $PATH […]

Bootstrap LESS – Grunt手表输出到特定的目录

当谈到命令行,批处理和东西我总是noob。 老实说。 我正在使用Windows 7 64位和Bootstrap 。 我想用LESS试试Bootstrap,原因有二: 更好地pipe理Bootstrap的CSS和颜色variables 要学习LESS,以便稍后可以使用它。 所以我按照说明去安装node.js和Grunt。 只要我使用> grunt dist命令,每一个都变得顺利和干净。 没有错误,CSS准备好了。 但是,每次运行命令和移动文件(我把.less项目与我的php框架分开)是有点无聊的,所以我看着> grunt watch 。 它工作正常,但我仍然需要移动我的文件。 问题来了: 有没有办法改变这个命令,让Grunt将bootstrap文件保存在别的地方? 我使用的Gruntfile.js是我用bootstrap获得的一个香草 。

如何设置我的服务器预编译lessCSS与节点?

我刚刚开始使用lessCSS,我认为它很棒,但我宁愿运行它的服务器端。 我读过node.js是做这件事的最好方法,但我以前从来没有用过,老实说不知道如何设置它。 那么如何在我的服务器/站点上设置node.js,并使其预编译我的.less文件?

当有两个使用variables时,node.js减less了背景属性

我有一个问题less: @frames_color: #faeacd; @menu_color_hex: #faeacd; @menu_color_rgba: rgba(250, 234 ,205 , 255); less用: .topmenu { a { background-color: @menu_color_hex; background-color: @menu_color_rgba; } } 结果在CSS: #user_field .topmenu a { background-color: #faeacd; } 和 .topmenu { a { background-color: green; background-color: @menu_color_hex; background-color: red; background-color: @menu_color_rgba; background-color: blue; } } 结果是: #user_field .topmenu a { background-color: green; background-color: […]

每次保存文档时,如何编译LESS文件?

我已经通过npm这样安装了Less $ npm install -g less 现在,每当我想将源文件编译为.css,我就运行 $ lessc styles.less styles.css 有没有办法通过命令行让我听到,当我保存文件自动编译它?

LESS崇高文本构build系统的问题

在OS X 10.7.2上,我在Sublime Text 2中创build了一个小的构build系统,它将我的LESS文件编译成CSS,但似乎有问题。 { "cmd": ["/usr/local/lib/node_modules/less/bin/lessc", "-x", "$file", "$file_path/$file_base_name.css"], "selector": ["source.less"] } 我已经使用标准的OS X安装程序包安装了Node.js v0.6.6,并且使用npm在/usr/local/lib/node_modules文件夹中安装了较less的v1.1.6。 切换到我的生成系统工作正常,但是当我尝试运行生成时,我得到以下错误信息: [Finished]env: node: No such file or directory 从terminal运行命令工作得很好,这只是崇高的问题。

是否有可能使用gruntjs和/或lesscss将所有的CSS放在一行?

所有的.js和.less文件都是在我的项目中用gruntjs(内置.js支持)和grunt-less-contrib插件在.less文件中完成的。 一时间,lesscss以一种每行定义的方式压缩css,比如下面的.less文件: div,span,textarea,input { margin:0; } 它会输出: div, span, textarea, input { margin:0; } 我想压缩所有的CSS到一行,对于这个例子,它应该是这样的: div,span,textarea,input{margin:0;}…other styles… 可能吗? 任何build议都会有所帮助,我不确定这是一个直接的问题。 也许可以在构buildbuild.css之后添加一个任务,然后执行串联?

使用Grunt和grunt-contrib-cssmin删除注释

我试图使用Grunt和grunt-contrib-cssmin删除所有的CSS注释,CSS文件被编译和缩小它有所有评论。 注释应该删除行:keepSpecialComments:0 module.exports = function(grunt) { require('jit-grunt')(grunt); grunt.initConfig({ less: { development: { options: { compress: true, yuicompress: true, optimization: 2 }, files: { "css/main.css": "less/bootstrap.less" // destination file and source file } } }, watch: { styles: { files: ['less/**/*.less'], // which files to watch tasks: ['less'], options: { nospawn: true } }, }, cssmin: […]

Grunt手表在转换成css的同时立即停止

我有一个轻微的问题,咕噜,less和文件观看。 我用grunt编译我的较less的代码到压缩的css代码。 我的代码工作正常约一分钟,然后进程不会编译我的less文件,我必须closuresterminal在我的Mac,并再次启动咕噜声进程。 rest后,你会发现我的Gruntfile.js和我的terminal读数。 我希望你能帮助我:)谢谢你的时间! 最好的祝福! Gruntfile.js: module.exports = function(grunt) { grunt.initConfig({ less: { development: { options: { compress: true, yuicompress: true, optimization: 2 }, files: { "assets/css/style.css": "assets/less/style.less" } } }, watch: { styles: { files: ['assets/**/*.less'], tasks: ['less:development'], options: { nospawn: true } } } }); grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', [ 'less:development', 'watch' ]); […]

在崇高文本中构build更less2

编辑的问题。 这是现在只是关于build设在SUBLIME文本2更less。 我已经尝试了Less-Build和Less2Css。 前者说: [Errno 2] No such file or directory [cmd: [u'lessc', u'/Users/Alex/Public/CrapMates/Mockups/less/listings.less', u'/Users/Alex/Public/CrapMates/Mockups/css/listings.css', u'–verbose']] [dir: /Users/Alex/Public/CrapMates/Mockups/less] [path: /usr/local/bin:/usr/local/bin:/usr/local/bin:/usr/local/bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin] [Finished] 它是指“cmd”部分还是“path”? 阅读完一些指南后,我已经将LESS命令的目录添加到了我的$ PATHvariables中。 Less2css警告我保存说: 找不到lessc。 我想这是同样的问题。 任何帮助?