如何在VPS安装和使用休会

关于凹槽

休会是由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

但是你在文件中放什么？ 这取决于你想要排除什么。 如果你想确保noIDs和noUnderscores规则没有考虑到，你可以粘贴如下：

{
"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有益的，一个伟大的除了你的前端开发过程。