如何编译LESS代码？

Question

我正在使用less.js进行开发，并想知道如何获取实时站点的已编译css代码。

我查看了源代码，显然它只引用了这个文件<link type="text/css" rel="stylesheet/less" href="css/test.less">。

Answer 1

有几种方法可以获得生成的css

css文件的片段

您可以在浏览器中查看css，您将无法获得完整生成的文件，但您可以看到每个单独元素的样式

• Chrome＆amp;苹果浏览器
  • 右键单击页面上的任意位置，然后点击Inspect Element
• IE9 +
  • 按F12
• 火狐
  • 右键单击页面上的任意位置，然后点击Inspect Element

生成完整的css文件

• 的视窗
  • Winless
• 的 OSX
  • Simpless
  • Less.app

端口

• dotless（windows - .NET / linux - mono）
• lessphp

---

更新

@crashdesk suggested Chrome的Web Developer扩展名。
您可以在浏览器中查看整个文件。安装完成后，单击图标，然后单击“CSS”，然后单击“查看CSS”。

Answer 2

手动方式只是从HTML文件中查看生成的源并复制已编译的CSS源。