ESLint Implementation in your Projects

This tutorial describes how to implement and use ESLint in your projects.
Provided by Leumas Naypoka /


What is ESLint?

ESLing helps to find and fix problems in your JavaScript code.

Why do you need ESLint?

There are 3 important reasons, why do you need ESling in your project:

  1. Finds problems in your code
    ESLint statically analyzes your code to quickly find problems. ESLint is built into most text editors and you can run ESLint as part of your continuous integration pipeline.
  2. Automatically fixes problems in your JS code
    Many problems ESLint finds can be automatically fixed. ESLint fixes are syntax-aware so you won't experience errors introduced by traditional find-and-replace algorithms.
  3. You may customize it according to your needs
    Preprocess code, use custom parsers, and write your own rules that work alongside ESLint's built-in rules. You can customize ESLint to work exactly the way you need it for your project.

How to add ESLint to your project

Adding ESLing to your project is quite simple procedure. Generally you have to do following steps:

  1. Install required plugins
  2. Set ESLint configuration
  3. Test ESLint works in your IDE

Install ESlint plugins

Run following commands to install required plugins for ESLint

$ npm i --save-dev eslint
$ npm i --save-dev eslint-plugin-import

If you what to use ESLint for Vue files, install following plugin as well:

$ npm i --save-dev eslint-plugin-vue

You may also install plugin wiht aribnb configuration (if you want to use it)

$ npm i --save-dev eslint-config-airbnb-base

If there is an error while installation, something like: "Error: Failed to load plugin ...", run following commands to fix it:

rm -rf node_modules package-lock.json
npm i

To be continued...


Please post only comments related to the original tutorial. Be polite and helpful, do not spam or offend others.
Create Your Free Account
Please remember that this information is essential to use our services correctly.
After creating the account you will be able to download all of our FREE products.
Fields marked with * are mandatory

Please send me information about updates, new products, specials and discounts from ApPHP!
We recommend that your password should be at least 6 characters long and should be different from your username/email. Please use only letters of the English alphabet to enter your name.

Your e-mail address must be valid. We use e-mail for communication purposes (order notifications, etc). Therefore, it is essential to provide a valid e-mail address to be able to use our services correctly.

All your private data is confidential. We will never sell, exchange or market it in any way. Please refer to Privacy Policy.

By clicking "Create Account", you are indicating that you have read and agree to the ApPHP Terms & Conditions.

Quick Registration with: Facebook / Google