1.0.3 • Published 5 years ago

eslint-plugin-xmfe v1.0.3

Weekly downloads
1
License
ISC
Repository
-
Last release
5 years ago

eslint-plugin-xmfe

新萌前端代码规则(结合 eslintprettier),主要使用了 eslintprettier 推荐的默认规则,加极少量的自定义规则。

安装

首先,安装 ESLint:

npm i eslint --save-dev

然后,安装 eslint-plugin-xmfe:

npm install eslint-plugin-xmfe --save-dev

注意: 如果你全局安装了eslint (使用 -g 参数) 那么也必须全局安装 eslint-plugin-xmfe.

使用

xmfe 添加到 .eslintrc 配置文件.可以省略 eslint-plugin- 前缀:

一般项目(如shfe-cli脚手架项目)的使用::

{
  "plugins": ["xmfe"],
  "extends": ["plugin:xmfe/recommended"]
}

vue项目的使用:

{
  "plugins": ["xmfe"],
  "extends": ["plugin:xmfe/vue"]
}

react项目的使用:

{
  "plugins": ["xmfe"],
  "extends": ["plugin:xmfe/react"]
}

node项目的使用:

{
  "plugins": ["xmfe"],
  "extends": ["plugin:xmfe/node"]
}

支持的规则说明

自定义规则:

{
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "singleQuote": true,
        "printWidth": 100,
        "tabWidth": 2,
        "semi": true
      }
    ],
    "no-console": "off"
  }
}
  • recommended: 继承自 eslint:recommendedplugin:prettier/recommended 加上上面的自定义规则
  • vue: 继承自 eslint:recommended,plugin:vue/essentialplugin:prettier/recommended 加上上面的自定义规则
  • react: 继承自 eslint:recommended, react-appplugin:prettier/recommended加上上面的自定义规则
  • node: 继承自 eslint:recommendedplugin:prettier/recommended加上上面的自定义规则