vscode中使用全局eslint配置

2020-03-24 4,321 阅读1分钟

如果仅仅是在本地进行学习开发，写demo，并且需要使用到eslint时，如果每个项目都安装相关配置会显得比较臃肿，我们可以使用全局的eslint以及相关的配置进行开发，省去了每次安装的麻烦

如果是项目研发，还是推荐安装到devDependencies,便于统一版本和他人使用

全局安装eslint

这里推荐安装eslint@5.16.0,具体可查看这个issue

npm i eslint@5.16.0 -g

安装vscode插件

在vscode中的插件中搜索eslint,进行安装。（图中已经是安装过的状态）

注意：如果该插件的配置中eslint.packageManager要选择你使用的包管理工具。如果你是通过yarn全局安装eslint,则为"eslint.packageManager": "yarn",如果是npm全局安装eslint,则为"eslint.packageManager": "npm",其中npm为默认选项。只用使用全局的eslint时，才会生效。

实例（使用`aribnb-base`规范代码）

安装依赖

npm i eslint-plugin-import eslint-config-airbnb-base -g

目录结构

│  .eslintrc.js
│  package.json
│
└─floder
     |- index.js

.eslintrc.js

module.exports = {
  extends: ['airbnb-base'],
  rules: {
    'no-console': 0
  }
}

此时就已经有了相应的eslint校验。

以后在进行使用时只需要在更目录下增加.eslintrc.js即可