在前端开发中，代码质量非常重要，它决定了我们的代码是否易于维护，是否符合规范，是否易于扩展等等。其中，代码规范检查是保证代码质量的重要环节之一。本文将介绍如何使用 eslint-config-littlebits，来帮助我们更好的进行代码规范检查。
什么是eslint-config-littlebits
eslint-config-littlebits 是一个 eslint 配置的包，同时也是 LittleBits 公司内部所使用的 eslint 配置。它基于 Airbnb 以及 LittleBits 团队的 eslint 配置而来，旨在提供一个小巧精悍的、符合开发实践的 eslint 配置。
如何使用eslint-config-littlebits
首先，你需要在你的项目中安装 eslint-config-littlebits，可以通过 npm 进行安装：
npm install --save-dev eslint eslint-config-littlebits
然后，在你的项目中创建 .eslintrc 文件，并将 eslint-config-littlebits 加入到其中，示例如下：
{
"extends": "eslint-config-littlebits"
}之后，你可以在命令行里使用eslint进行代码检查，示例如下：
eslint your-file.js
当然，也可以将 eslint 集成到你的编辑器中，以提供更友好的开发体验。
eslint-config-littlebits的规范
下面，我们将介绍部分 eslint-config-littlebits 的规范：
代码缩进
缩进使用 2 个空格。
function fn() {
if (condition) {
statement1;
} else {
statement2;
}
}代码换行
代码在块级作用域（函数、条件语句、循环语句等）中需要进行适量的换行处理，以提高代码可读性。
-- -------------------- ---- ------- -- ----------- - -- -- --------- - ---- - -- -- --------- ---- - -------- -------- ----- - -- -- --------- -
引号
使用单引号，除非里面含有单引号。
// bad var foo = "bar"; // good var foo = 'bar';
// bad var foo = 'it\'s ok.'; // good var foo = "it's ok.";
标点符号
大括号紧贴在关键字后。
-- -------------------- ---- ------- -- --- -- ----------- - ---------- - -- ---- -- ----------- - ---------- -
换行
每一行代码长度应控制在 80 个字符以内，在必要时进行适当换行。
// bad
var foo = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';
// good
var foo = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit,' +
'sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.';结语
eslint-config-littlebits 可以让我们在进行代码规范检查时更加方便、快捷。希望本文能够帮助大家更好地使用 eslint-config-littlebits。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaaf1b5cbfe1ea06105e5