炫意html5
最早CSS3和HTML5移动技术网站之一

Stylus FireStylus extension for Firebug

本文是《CSS框架》系列文章第 15篇 (共 41 篇)

FireStylus is a Firebug extension that makes Firebug display the Stylus filename and line numbers of the Stylus-generated CSS styles rather than those of the generated CSS.

Usage

First, you need to install Firebug and the FireStylus extension

Then simply enable the Stylus’s firebug option when generating CSS.

Command line usage:

$ stylus -f <path>
$ stylus --firebug <path>

Javascript usage:

var stylus = require('stylus');

stylus(str)
  .set('firebug', true)
  .render(function(err, css){
	// logic
  });

Connect / Express:

var stylus = require('stylus');

var server = connect.createServer(
    stylus.middleware({
        src: __dirname
      , dest: __dirname + '/public'
      , firebug: true
    })
  , connect.static(__dirname + '/public')
);

Compatibility

FireStylus should work with Firefox versions 3.0 and up, and with Firebug versions 1.4 and up.

  • Firefox 3+ (also works with version 5)
  • Firebug 1.4+

Limitations

FireStylus and FireSass are incompatible. You cannot enable them simultaneously.

FireStylus (like FireSass) only works in the HTML pane of Firebug. The others (such as the CSS pane) won’t work due to Firebug limitations.

<< Stylus基本使用的快速教程Stylus Implementation Comparisons >>

炫意HTML5 » Stylus FireStylus extension for Firebug

Java基础教程Android基础教程