Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to use ESLint to automatically repair and format JavaScript". In daily operation, I believe many people have doubts about how to use ESLint to automatically repair and format JavaScript problems. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "how to use ESLint to repair and format JavaScript automatically". Next, please follow the editor to study!

ESLint is one of the best JavaScript tools available when analyzing linting program errors. ESLint provides checking for a large number of potential errors and style violations. Its pluggable architecture also allows anyone to write their own rules and custom configurations.

One of my favorite features is the ability to use the-- fix flag to automatically fix. Integrated automatic fixes provide continuous feedback by clearing errors and keeping the code clean before checking the code into the repository. This can save you and your team time reviewing the code by ensuring that the contributed code does not require a little cleanup. Whenever I save a file in an editor, I like to clean it up immediately. It provides a quick feedback loop and keeps fixed changes to disk.

Install ESLint

You can install ESLint locally for a given project (internal node_modules), or you can install ESLint globally for all projects. We will use a local ESLint installation in this tutorial, but most of them also apply to global installations.

Npm install eslint-dev

VS code

For VS Code, install the ESLint package. Then, to format on save, go to the global settings and search for ESLint and turn on the ESLint: Auto Fix On Save option.

Atom

For Atom, install the linter-eslint package and any dependencies. Then, go to the plug-in settings and check Fix errors on save.

Sublime Text

For Sublime, use package control to install the ESLint-Formatter package. Then, to format on save, add the following to the Preferences-> Package Settings-> ESLint-Formatter-> Settings-- User file:

{"format_on_save": true}

Vim/NeoVim

For Vim users, ale uses your favorite packaging tool, such as vim-plug or Vundle, to add packages to your $MYVIMRC:

"vim-plugPlug w0rp/ale" VundlePlugin w0rp/ale

Then, enable automatic repair on save by setting the following configuration:

Let g:ale_fixers = {} let g:ale_fixers.javascript = ['eslint'] let g:ale_fix_on_save = 1

Other editors

If your editor is not shown above, there may already be ways to integrate or directly use the eslint command to achieve a similar effect.

For example, the Vim plug-in will run the following:

Eslint-c-fix

Then, reload the file in the buffer.

At this point, the study on "how to use ESLint to automatically repair and format JavaScript" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.