如何在全球范围内安装ESlint?

时间:2018-03-12 02:14:42

标签: npm sublimetext3 sublimetext eslint

我正在尝试安装ESlint,将它与Sublime Text 2一起用于我所有的本地项目。 Configuration documentation对全球安装非常不清楚:

  

注意:eslint --init用于在每个项目的基础上设置和配置ESLint,并将在运行它的目录中执行ESLint及其插件的本地安装。如果您更喜欢使用ESLint的全局安装,则还必须全局安装配置中使用的所有插件。

我不明白他们的意思。我使用eslint --init并在node_modules中本地安装了ESlint以及所有插件。关于全局安装插件没有任何解释。我怎么做?另外,如果eslint --init安装本地ESlint安装,如何使用全局ESlint安装?这太令人困惑了。

3 个答案:

答案 0 :(得分:6)

您可以在项目中(本地)或全局安装节点模块。要切换到全局,您可以使用the -g flag,如下所示:

npm install -g eslint

然后查看它是否在没有Sublime Text(-v标志的情况下工作以查看eslint的版本):

eslint -v

要查看它的安装位置(假设是MacOS / Linux):

which eslint

然后看看它是否在Sublime Text中工作(您可能需要先重启Sublime)。如果它不起作用,请确保在eslint包设置中路径是正确的。

答案 1 :(得分:2)

  1. To install eslint globally: npm install -g eslint

    To install eslint in your project folder: npm install eslint --save-dev

  2. Add in package.json this script : "eslint": "eslint --ignore-path .gitignore ."

  3. Create a file called .eslintrc and insert :

    {
      "env": {
        "browser": true,
        "node": true
      },
      "globals": {
        "chrome": true
      },
      "rules": {
        "no-console": 0,
        "no-empty": [1, { "allowEmptyCatch": true }]
      },
      "extends": "eslint:recommended"
    }
    

    Personally, I save this file in my js folder

  4. Go to node_modules/.bin

  5. Run : eslint --init or npm run eslint nameOfYourFile

答案 2 :(得分:1)

假设您已经为编辑器安装了eslint插件,如果您先安装了subprojects { subproject -> afterEvaluate { if ((subproject.plugins.hasPlugin('android') || subproject.plugins.hasPlugin('android-library'))) { android { variantFilter { variant -> def names = variant.flavors*.name if (names.contains("reactNative51") || names.contains("reactNative55") || names.contains("reactNative56")) { setIgnore(true) } } } } } } ,则可以为特定环境安装插件,例如npm install -g eslint(这是对纯JS和React),您也可以在工作文件夹中添加对nodejs的支持,使.eslintrc文件如下所示

npm install eslint-config-airbnb eslint-plugin-react eslint-plugin-jsx-a11y eslint-plugin-import -g

如果您需要节点支持,则在.eslintrc的env部分中将node设置为'true'并在下一次也全局安装eslint-node插件  { "extends": ["airbnb" , "eslint:recommended"], "env": { "node": false, "es6": true, "browser": true }, "rules": { "semi":"error", "no-unused-vars": "off", "func-names":"off", "indent":"off", "no-else-return":"off", "prefer-arrow-callback":"off", "no-undef":"off", "no-use-before-define":"off", "comma-dangle":"off", "eol-last":"off", "no-trailing-spaces":"off", "linebreak-style":"off", "no-console":"off", "no-restricted-globals":"off", "object-shorthand":"off", "no-shadow":"off", "no-debugger":"off", "prefer-const":"off", "no-multiple-empty-lines":"off" } } 。 然后在.eslintrc的扩展部分中添加npm i eslint-plugin-node -g。 这样,您的计算机上每个具有.eslintrc文件的项目都将获得eslint支持。在.eslintrc Rules部分中设置所需的规则。 就是这样。