Nodejs：怎样在VPS上使用Recess

Nodejs：怎样在VPS上使用Recess

###关于Recess Twitter开发的代码质量工具Recess旨在帮助你通过执行指南更好地写代码。Recess建立在LESS之上，可以在开发过程中作为一个linter，让代码保持整洁和可维护性。

在这篇教程里，我们将在一个VPS上安装Recess，并运行Ubuntu 12.04，你需要提前搞定VPS，以及Node.js和NPM，如果还没有完成，可以查看这篇教程里的步骤，完成安装。

<br> ###安装 Node和NPM装到虚拟服务器后，运行下面命令安装Recess：

npm install recess -g

<br> ###现在来看些好玩的：使用Recess 现在你想怎样使用这个很酷的代码助手呢？首先，关于写css是有一些标准的。例如，不能过度限制选择器或给选择器使用#ids，Recess已经内置配置了一些rules，你可以通过css文件运行rules，并可以查看。

<br> 安装完Recess后，可以直接看到这些rules：

• noIDs -不要使用像#foo这样的ID样式

• noJSPrefix – 不要给js-前缀类名加样式

• noOverqualifying -不要过度限制选择器，如div#foo.bar

• noUnderscores –给类命名时不要用下划线，如.my_class

• noUniversalSelectors -不要使用通用选择器

• zeroUnits -不要给0值加单位，如0px

• strictPropertyOrder – 执行严格的属性顺序(这儿有定义的顺序)

<br> 现在对其进行测试，先创建一个简易的css文件，粘贴以下内容进去：

#my-id {
 color:red;
}
.my_bad_class {
 color:red;
}

保存文件，退出，在终端运行下面的命令：

recess path/to/css/file.css

<br> 这个命令会查看你的文件，并报告问题。在我们的测试中，css文件违反了2个rule，所以Recess应该会标注出来。如果想检查一个文件夹里的所有css文件，运行下面的命令：

recess path/to/css/folder/*

这样会指向那个文件夹里的所有css文件。

<br> 现在因为一些原因，你想要给你的css使用#ids，并不被Recess检查到，可以运行以下命令： recess path/to/css/file.css --noIDs false

<br> 有了这条命令，通过一个选项来设置那个特定的rule为false，甚至可以加更多：

recess path/to/css/file.css --noIDs false --noUnderscores false

这样就会显示测试文件是没有问题的，因为违反的rule并没有被标注出来。

<br> 但现在假设：我们不想每次都设置这些选项，而还要让Recess检查不到这些rules。你需要创建一个配置文件，名字叫做.recessrc。有2个地方可以放这个文件：

• 第一，可以把文件放到将要执行recess命令的文件夹里。这样的话，只需要在没有选项的情况下运行命令，而且配置文件会被获取。 • 第二，将它放到另一个文件夹而不是运行recess命令的文件夹。这样的话，你需要通过一个选项连接路径到配置文件。例如： recess path/to/css/file.css --config=path/to/config/.recessrc

<br> 但文件里放什么东西呢？那要看你想要拿出哪些rule了。如果你想确认noIDs和noUnderscores没有在检查范围内，可以粘贴一下内容：

{
"noIDs": false,
"noUnderscores": false
}

<br> 另一件很酷的事是：可以用Recess编译css（或LESS）文件，并为你做些自动更改。例如，如果你的属性排列顺序不够好，可以用Recess编译文件，然后在终端输出正确属性顺序的css文件。只需给命令加上—compile选项：

recess path/to/css/file.css --compile

<br> 它并不能修复所有有问题的rules，但它会使空格符标准化，从零值开始去掉单位，并给属性重新排序。要是想自动保存编译结果，可以使用下面的命令：

recess path/to/css/file.css --compile > path/to/css/compiled-file.css

<br> 还要记住的一点是：无论什么时候运行这条命令，Recess编译的第一个css文件结果都会替代命令中第二个css文件的内容。

最后，希望读者能感受到Recess带来的好处，以及它给前端开发过程带来的巨大补充。

<br> By Danny

From:https://www.digitalocean.com/community/articles/how-to-install-and-use-recess-on-a-vps


4 回复

Nodejs：怎样在VPS上使用Recess

Twitter 开发的代码质量工具 Recess 可以帮助开发者通过执行一系列指南来编写更高质量的 CSS 代码。Recess 基于 LESS 构建，可以作为开发过程中的一个 linter，确保代码整洁且易于维护。

在这篇教程里，我们将学习如何在 VPS 上安装和使用 Recess。假设你已经有一个基于 Ubuntu 12.04 的 VPS，并且已经安装了 Node.js 和 NPM。如果没有完成安装，可以参考 这篇 教程完成安装。

安装

首先，确保 Node.js 和 NPM 已经安装在你的 VPS 上。然后，运行以下命令全局安装 Recess：

npm install recess -g

使用 Recess

安装完成后，你就可以开始使用 Recess 来检查和优化你的 CSS 代码了。Recess 内置了一些规则，可以帮助你避免常见的编码错误。以下是一些常用的规则：

  • noIDs - 禁止使用 ID 选择器，如 #foo。
  • noJSPrefix - 禁止对带有 js- 前缀的类名进行样式设计。
  • noOverqualifying - 避免过度限定选择器，如 div#foo.bar。
  • noUnderscores - 类名中禁止使用下划线，如 .my_class。
  • noUniversalSelectors - 禁止使用通用选择器。
  • zeroUnits - 禁止给 0 值添加单位，如 0px。
  • strictPropertyOrder - 强制执行严格的属性顺序。

现在，让我们创建一个简单的 CSS 文件并运行 Recess 进行检查。首先，创建一个名为 style.css 的文件，并添加以下内容：

#my-id {
    color: red;
}

.my_bad_class {
    color: red;
}

保存文件后，在终端中运行以下命令来检查该文件：

recess style.css

这个命令会报告任何违反规则的地方。在这个例子中，CSS 文件违反了两个规则，所以你会看到相应的警告信息。

如果你想要忽略某些规则，可以通过命令行参数来实现。例如，如果你想忽略 noIDs 规则，可以运行：

recess style.css --noIDs false

如果你想忽略多个规则，可以同时指定它们：

recess style.css --noIDs false --noUnderscores false

创建配置文件

如果你想让某些规则在所有文件中都被忽略，可以创建一个配置文件 .recessrc。这个文件可以放在当前工作目录中，也可以放在其他位置并通过命令行参数指定路径。

假设你想忽略 noIDs 和 noUnderscores 规则，可以在 .recessrc 文件中添加以下内容：

{
    "noIDs": false,
    "noUnderscores": false
}

然后，在终端中运行 Recess 命令时，不需要额外的选项：

recess style.css

编译 CSS

除了检查规则外，Recess 还可以用于编译 CSS 或 LESS 文件，并自动进行一些格式化操作。例如，你可以使用以下命令编译文件并输出格式化的 CSS：

recess style.css --compile

如果你想将编译后的文件保存到一个新的文件中，可以使用重定向操作符：

recess style.css --compile > compiled-style.css

总结

通过使用 Recess，你可以显著提高 CSS 代码的质量和可维护性。希望这篇教程能够帮助你在 VPS 上顺利地安装和使用 Recess。


这东西做成 sublime 插件不错。

也许sublime已经有类似的插件了

Node.js: 怎样在VPS上使用Recess

Twitter 开发的代码质量工具 Recess 是一个用于帮助开发者通过执行指南更好地编写 CSS 的工具。Recess 基于 LESS，不仅作为 linter 使用，还可以确保代码的整洁性和可维护性。

安装

首先，确保你的 VPS 上已经安装了 Node.js 和 NPM。如果尚未安装，可以参考这篇教程完成安装：如何在 Ubuntu 12.04 上安装 Node.js。

接下来，全局安装 Recess：

npm install recess -g

使用 Recess

安装完成后，你可以直接运行 Recess 来检查 CSS 文件中的问题。下面是一个示例：

  1. 创建一个简单的 CSS 文件：

    #my-id {
  color: red;
}
.my-bad-class {
  color: red;
}

    将上述内容保存到 styles.css 文件中。

  2. 运行 Recess 检查：

    recess path/to/styles.css

    这条命令会输出文件中违反规则的部分，例如 #my-id 违反了 noIDs 规则。

  3. 排除某些规则：

    如果你想要忽略某些规则，可以使用 --no* 参数：

    recess path/to/styles.css --noIDs false --noUnderscores false

  4. 创建配置文件 .recessrc：

    在当前目录或上级目录创建一个名为 .recessrc 的文件，并添加如下内容：

    {
  "noIDs": false,
  "noUnderscores": false
}

    然后可以直接运行 Recess 而不需要额外参数：

    recess path/to/styles.css

  5. 编译 CSS 文件：

    使用 --compile 参数可以让 Recess 编译并格式化 CSS 文件：

    recess path/to/styles.css --compile

    你也可以将输出重定向到新的文件：

    recess path/to/styles.css --compile > path/to/compiled.css

通过以上步骤，你就可以在 VPS 上使用 Recess 工具来提高 CSS 代码的质量和一致性。希望这些步骤对你有所帮助！

回到顶部