RECESS 项目教程

RECESS 项目教程

recess A simple and attractive code quality tool for CSS built on top of LESS 项目地址: https://gitcode.com/gh_mirrors/re/recess

1. 项目目录结构及介绍

RECESS 项目的目录结构如下：

recess/
├── benchmark/
├── bin/
├── lib/
├── test/
├── .gitattributes
├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── makefile
└── package.json

目录介绍：

• benchmark/：包含项目的基准测试文件。
• bin/：包含可执行文件或脚本。
• lib/：包含项目的核心库文件。
• test/：包含项目的测试文件。
• .gitattributes：Git 属性配置文件。
• .gitignore：Git 忽略文件配置。
• .travis.yml：Travis CI 配置文件。
• LICENSE：项目许可证文件。
• README.md：项目介绍和使用说明。
• makefile：Makefile 文件，用于构建和运行项目。
• package.json：Node.js 项目的配置文件，包含依赖项和脚本。

2. 项目启动文件介绍

RECESS 项目的启动文件是 bin/recess。这个文件是一个可执行脚本，用于启动 RECESS 工具。它主要用于执行 CSS 代码质量检查和编译任务。

启动命令：

$ ./bin/recess [path] [options]

常用选项：

• --compile：编译代码并输出到终端。
• --compress：压缩编译后的代码。
• --config：指定 JSON 配置文件路径。
• --watch：监视文件系统变化，适用于编译 Less 项目。

3. 项目配置文件介绍

RECESS 项目的主要配置文件是 package.json。这个文件包含了项目的元数据、依赖项和脚本。

package.json 文件内容示例：

{
  "name": "recess",
  "version": "1.0.0",
  "description": "A simple and attractive code quality tool for CSS built on top of LESS",
  "main": "lib/recess.js",
  "scripts": {
    "test": "make test"
  },
  "dependencies": {
    "less": "^2.0.0"
  },
  "devDependencies": {
    "mocha": "^3.0.0"
  },
  "license": "Apache-2.0"
}

配置项介绍：

• name：项目名称。
• version：项目版本号。
• description：项目描述。
• main：项目的主入口文件。
• scripts：包含项目的脚本命令，例如测试脚本。
• dependencies：项目依赖的包。
• devDependencies：开发环境依赖的包。
• license：项目许可证。

通过这些配置文件和启动文件，您可以轻松地使用 RECESS 工具进行 CSS 代码质量检查和编译。

recess A simple and attractive code quality tool for CSS built on top of LESS 项目地址: https://gitcode.com/gh_mirrors/re/recess