微信小程序配置ESlint

我们在写React、Vue等大项目、或者使用框架搭建小程序时，为了便于多人协作开发，常常会引入ESlint来规范代码书写，使得不同的开发者写出风格统一的代码。对于原生小程序项目，或许我们不需要使用webpack等模块打包工具，但我们同样可以配置合适的ESlint规范，来做代码管理。

下面将配置ESlint的步骤总结如下：

cd到我们的项目，安装ESlint：
cnpm install eslint --save-dev
2. 创建ESlint配置文件.eslintrc.js：

eslint --init

以上选项一路回车即可，这些就是使用的eslint规则，后面可以自定义调整；

3. 执行 eslint：

.eslintrc.js文件生成之后，我们就可以使用基本的命令规范我们的代码了，如：

eslint --fix pages/index/index.js
当然，如果你使用了ES6的语法，上述命令执行后会报如下错误：

Parsing error: Unexpected token = ***
原因是开发环境与ESLint当前的解析功能不兼容，因此我们需要执行下一个步骤；

4. 安装 babel-eslint ：

cnpm install babel-eslint --save-dev
安装完成后，在.eslintrc中添加配置：“parser”: “babel-eslint” 即可；

5. .eslintrc.js文件其他配置：

module.exports = {
“env”: {
“browser”: true,
“node”: true,
“es6”: true, //使用require就不会报错了
“commonjs”: true
},
//配置解析器
“parser”: “babel-eslint”,
“parserOptions”: {
“ecmaVersion”: 6,
“sourceType”: “module”,
},

“extends”: “eslint:recommended”,
//全局变量
“globals”: {
“DEV”: true,
“WECHAT”: true,
“ALIPAY”: true,
“App”: true,
“Page”: true,
“Component”: true,
“Behavior”: true,
“wx”: true,
“getApp”: true,
“getCurrentPages”: true,
},
/**

• “off” 或 0 - 关闭规则
• “warn” 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出),
• “error” 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)
  */
  “rules”: {
  // 强制使用一致的缩进
  “indent”: [
  “error”, 2
  ],
  // 强制使用一致的换行风格
  “linebreak-style”: [
  “error”,
  “unix”
  ],
  // 强制使用一致的反勾号、双引号或单引号
  “quotes”: [
  “error”,
  “si