如何在VPS安装和使用休会

在本教程中,我们将在运行Ubuntu 12.04VPS安装休会。你应该已经安装了自己的虚拟专用服务器,还有的Node.js和NPM(节点打包模块)。

关于凹槽


休会是由Twitter开发的代码质量工具,旨在帮助您通过实施准则编写更好的CSS。 Recess建立在LESS之上,可以在开发过程中用作一个linter,以保持代码的清洁和可维护性。

在本教程中,我们将在运行Ubuntu 12.04的VPS上安装Recess。 您应该已经拥有自己的虚拟专用服务器,以及安装的Node.js和NPM(节点打包模块)。 如果不这样做,请按照列出的步骤本教程才能完成设置。

安装


一旦节点和NPM在您的虚拟服务器上,运行以下命令安装Recess:
npm install recess -g

现在有趣的部分:使用Recess

那么你将如何使用这个酷代码助手? 好吧,有几个关于编写css的标准规则。 举例来说,你不应该overqualify选择或他们利用#ids。 Recess已经内置了其中的一些规则,你可以让它运行通过你的css文件,并检查它们。

安装Recess后,您可以开箱即用:
  • noIDs -不要式的ID,如#foo
  • noJSPrefix -不要样式.js-类名前缀
  • noOverqualifying -不要overqualify你的选择,喜欢的div#foo.bar
  • noUnderscores -命名类时,就像.my_class不要使用下划线
  • noUniversalSelectors -不要使用通用选择*
  • zeroUnits -单位不要再增加一个0值,如0像素
  • strictPropertyOrder -执行严格的财产顺序(顺序定义在这里
要测试它,创建一个简单的css文件,并粘贴在以下:
#my-id {
 color:red;
}
.my_bad_class {
 color:red;
}

保存文件并退出。 现在在终端中运行以下命令:
recess path/to/css/file.css

此命令将检查您的文件并报告问题。 在我们的测试css文件中,我们打破了2条规则,所以Recess应该标记它们。 如果你想让它运行在一个文件夹中的所有css文件,运行命令这样:
recess path/to/css/folder/*

这将定位该文件夹中的所有css文件。

现在说,由于某种原因,你想在你的CSS使用#ids,不想休会来标记他们。 您可以运行以下命令:
recess path/to/css/file.css --noIDs false

使用此命令,您传递一个选项将该特定规则设置为false。 如果您愿意,可以添加更多:
recess path/to/css/file.css --noIDs false --noUnderscores false

这将告诉你,我们的测试文件是完美的,因为我们破坏的规则现在都没有被标记。

但是让我们说,你不想每次都保持传递这些选项,并且希望Recess总是考虑不应该检查这些规则。 你需要创建一个名为.recessrc的配置文件,你有2个选项,你可以把这个文件:
  • 您可以将文件放在从那里你将运行凹槽命令文件夹中。 在这种情况下,所有你需要做的是运行没有选项的命令,配置将被拾起。
  • 你把它比从运行凹槽命令另一个文件夹。 在这种情况下,您必须传递配置文件的路径作为选项。 外汇:
recess path/to/css/file.css --config=path/to/config/.recessrc

但是你在文件中放什么? 这取决于你想要排除什么。 如果你想确保noIDsnoUnderscores规则没有考虑到,你可以粘贴如下:
{
"noIDs": false,
"noUnderscores": false
}

另一个很酷的事情是,你可以使用Recess编译css(或LESS)文件,并为你做一些自动更改。 例如,如果你的属性的顺序不好,你可以有Recess编译文件,并以正确的属性顺序输出到终端css文件。 只需添加--compile选项下面的命令:
recess path/to/css/file.css --compile

它不能修复所有破碎的规则,但它会规范空格,从0值中剥离单位,并重新排序属性。 如果要自动保存编译的结果,可以使用以下命令:
recess path/to/css/file.css --compile > path/to/css/compiled-file.css

请记住,无论何时运行此命令,第一个css文件的Recess编译结果将替换命令中第二个css文件的内容。

我希望你找到Recess有益的,一个伟大的除了你的前端开发过程。
文章提交者: 丹尼