Qfyilyi

I'm trying to install ESlint to use it with Sublime Text 2 for all my local projects. Configuration documentation is very unclear about global installation:

Note: eslint --init is intended for setting up and configuring ESLint on a per-project basis and will perform a local installation of ESLint and its plugins in the directory in which it is run. If you prefer using a global installation of ESLint, any plugins used in your configuration must also be installed globally.

I don't understand what they mean. I used eslint --init and it installed ESlint locally in node_modules, along with all plugins. There's nothing explained about installing plugins globally. How do I do that? Also, how do I use the global ESlint installation if eslint --init installs local one anyway? This is so confusing.

You can install Node modules within the project (locally) or globally. To switch to globally, you may use the -g flag, like so:

npm install -g eslint

Then see if it's working without Sublime Text (-v flag to see the version of eslint):

eslint -v

To see where it was installed (assuming MacOS/Linux):

which eslint

Then see if it's working in Sublime Text (you may need to restart Sublime first). If it's not working, make sure in the eslint package settings that the path is correct.

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
   

The assumption is that you have an eslint plugin installed for your editor,if you have then npm install -g eslint,then you can install add-ons for specific environments,like npm install eslint-config-airbnb eslint-plugin-react eslint-plugin-jsx-a11y eslint-plugin-import -g (this is support for pure JS and for React),you can on this way add support for nodejs too,in working folder make .eslintrc file which looks like this

{

    "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"

    }

}

if you need node support then in env section of .eslintrc set node to 'true' and install eslint-node plugin globally too with next
npm i eslint-plugin-node -g.
Then in extends section of .eslintrc add "plugin:node/recommended".
In this way, you will have eslint support in every project on your machine which have .eslintrc file.Set rules which you need in .eslintrc rules section .
Thats it.