开发一个项目时，我们经常会用到 lint 工具来强制统一代码风格和规范。而在前端开发中，使用 ESLint 是一个不错的选择。ESLint 提供了许多默认规则，同时也允许用户自定义规则。在处理 CoffeeScript 代码时，我们可以使用 @fellow/eslint-plugin-coffee 这个 npm 包来作为 ESLint 的插件，以保证代码的可读性和可维护性。
一、安装
首先，我们需要在项目中安装 @fellow/eslint-plugin-coffee 包：
npm install @fellow/eslint-plugin-coffee --save-dev
然后，对项目中的 .eslintrc 或 .eslintrc.* 文件进行配置，添加 @fellow/coffee/ 后缀：
{
"plugins": ["@fellow/coffee"],
"rules": {
// ...
"@fellow/coffee/space-in-brackets": "error",
// ...
}
}二、规则
@fellow/eslint-plugin-coffee 已经提供了一些常用规则：
- space-in-parens：括号里的空格处理；
- space-in-brackets：方括号里的空格处理；
- space-in-braces：花括号里的空格处理；
- leading-bracket-third：对象字面量首末行处理；
- space-before-function-paren：函数括号前后空格处理；
- keyword-spacing：关键字前后空格处理；
- comma-spacing：逗号处理。
- operator-linebreak：运算符换行处理
下面，我们来详细了解其中的一些规则。
1、space-in-brackets
这个规则定义了方括号里应该有没有空格。默认应该写成这样：
[0, 1, 2, 3][1];
而不应该写成这样：
[ 0, 1, 2, 3 ][ 1 ];
2、space-in-parens
这个规则定义了括号里应该有没有空格。默认应该写成这样：
foo(1, 2, 3);
而不应该写成这样：
foo( 1, 2, 3 );
3、object-curly-spacing
这个规则定义了对象字面量中的花括号应该有没有空格。默认应该写成这样：
var obj = {a: 1, b: 2};而不应该写成这样：
var obj = { a: 1, b: 2 };4、space-between-function-name-and-parentheses
这个规则定义了函数名和括号之间应该有没有空格。默认应该写成这样：
function foo() {}而不应该写成这样：
function foo () {}5、keyword-spacing
这个规则定义了关键字前后应该有没有空格。默认应该写成这样：
if (foo) {}而不应该写成这样：
if(foo) {}6、operator-linebreak
这个规则定义了运算符应该在哪一行断开，可以选择三种模式：after、before、none。例如：
-- -------------------- ---- ------- --- --- - - - -- --- --- - - - -- --- --- - - - --
分别对应了三种模式的写法。
三、总结
使用 @fellow/eslint-plugin-coffee 可以帮助我们更好地规范 CoffeeScript 代码，从而提高代码的可读性和可维护性。在实践中，我们可以选择合适的规则，灵活应用在项目开发中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3fab8bdbf7be33b25671b9