ESLint

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
ESLint
ESLint logo.svg
Original author(s)Nicholas C. Zakas
Developer(s)Nicholas C. Zakas
Initial release2013; 6 years ago (2013)
Stable release
6.0.1 / June 15, 2019; 4 months ago (2019-06-15)
Written inJavaScript
Operating systemCross-platform
Available inEnglish
TypeStatic code analysis
LicenseMIT License
Websiteeslint.org

ESLint(sometimes pronounced as easy lint) is a static code analysis tool for identifying problematic patterns found in JavaScript code. It was created by Nicholas C. Zakas in 2013. [1][2] Rules in ESLint are configurable, and customized rules can be defined and loaded. ESLint covers both code quality and coding style issues. ESLint supports current standards of ECMAScript, and experimental syntax from drafts for future standards. Code using JSX or TypeScript can also be processed when a plugin or transpiler is used.[3]

History[edit]

Both JSLint and JSHint were lacking the ability to create additional rules for code quality and coding style.[2] After contributing to JSHint, Zakas decided to create a new linting tool, ESLint, where all rules are configurable, and additional rules can be defined or loaded at run-time.[4]

In April 2016, the ESLint project joined the jQuery Foundation[5]. Later that year, jQuery Foundation merged with Dojo Foundation to become JS Foundation as Linux Foundation project.[6][7][8]

In October 2017, the ESLint project became a "Graduate Project" of the JS Foundation through its mentorship program.[9]

As of March 2019, ESLint is part of the OpenJS Foundation, following a merge between the JS Foundation and Node.js Foundation.[10][11]

Adoption[edit]

Since 2015, JetBrains provides integrated support for ESLint in their WebStorm code editor, which runs the ESLint software as configured for the current text file, and displays any warnings near the offending lines of code in the editor.[12][13][14]

Since 2016, the Vue.js project provides an ESLint plugin to automatically validate use of Vue.js templates and other features.[15][16][17] Since 2018 this plugin is also promoted in the wizard for creating new Vue.js projects.[18]

In October 2018, the React project (developed by Facebook) published an official ESLint plugin to help enforce their coding rules.[19][20]

See also[edit]

References[edit]

  1. ^ "First commit - eslint/eslint". GitHub. Retrieved 2019-07-05.
  2. ^ a b Zakas, Nicholas C. (16 July 2013). "Introducing ESLint". nczonline.net. Retrieved 2018-02-26. JSLint was the state of the art in JavaScript linting technology
  3. ^ "How to setup ESLint for Typescript code". Wisdom Geek. Kataria, Saransh.
  4. ^ "Understanding the Real Advantages of Using ESLint". Rangle.io Blog. 2015-03-26. Retrieved 2018-02-26.
  5. ^ Zakas, Nicholas (19 April 2016). "ESLint Joins The jQuery Foundation". eslint.org. Retrieved 2019-07-05.
  6. ^ "jQuery Foundation and Dojo Foundation to Merge". Official jQuery Blog. 1 September 2015. Retrieved 2018-07-02.
  7. ^ "jQuery Foundation and Dojo Foundation to Merge". PRWeb. 1 July 2015. Retrieved 2018-07-02.
  8. ^ "Announcing the JS Foundation!". SitePen. 2016-10-17. Retrieved 2018-07-02.
  9. ^ "ESLint Graduates from JS Foundation Mentorship Program". JS Foundation Blog. 2017-10-05. Retrieved 2019-07-05.
  10. ^ Singh, Manish (2019-03-12). "Node.js and JS foundations are merging to form OpenJS". VentureBeat. Retrieved 2019-03-21.
  11. ^ "The Node.js Foundation and JS Foundation Announce an Intent to Merge". JS Foundation Blog. 2018-10-04. Retrieved 2019-07-05. How will this impact the technical direction of … ESLint This will not change the technical independence for projects like ESLint.
  12. ^ "WebStorm Linting, refactoring and compiling". WebStorm Blog. JetBrains. 30 December 2015. Retrieved 2019-07-05.
  13. ^ "Using JavaScript Standard Style". WebStorm Blog. JetBrains. 7 April 2017. Retrieved 2019-07-05.
  14. ^ "ESLint - WebStorm Manual". JetBrains. Retrieved 2019-07-05.
  15. ^ "Writing Vue.js Applications in TypeScript". Telstra Kloud. Retrieved 2019-07-05.
  16. ^ "Lesson: Automatic Linting with ESLint - The Vue.js Master Class". Vue School. Retrieved 2019-07-05.
  17. ^ "Introduction | eslint-plugin-vue". eslint.vuejs.org. Retrieved 2019-07-05.
  18. ^ "The Vue Handbook: a thorough introduction to Vue.js". Developer News. 2018-07-05. Retrieved 2019-07-05. Use the interactive CLI to create a new Vue project [..] By default, there is [..] ESLint integration
  19. ^ "ESLint Plugin – Rules of Hooks – React Manual". reactjs.org. Retrieved 2019-07-05.
  20. ^ Markbåge, Sebastian (25 October 2018). "Implement the Hooks proposal · facebook/react". GitHub. Retrieved 2019-07-05.