npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

eslint-watcher

v1.3.3

Published

Watches selected files in your repo for new saves and runs ESLint in its own terminal when it sees a save.

Downloads

19

Readme

eslint-watcher

eslint-watcher is a Node.js utility designed to enhance your JavaScript and TypeScript development workflow in Visual Studio Code. It automatically monitors your files and applies ESLint in real-time, ensuring code quality and consistency.

Features

  • Automatic Linting: Monitors JavaScript and TypeScript files in real-time for ESLint rule violations.
  • Comprehensive Coverage: Provides linting coverage for a wide range of code, including but not limited to:
    • Vanilla JavaScript and TypeScript
    • React applications
  • VS Code Integration: Seamlessly integrates with Visual Studio Code, enhancing your coding experience without disrupting your workflow.
  • Easy Setup: A simple setup script configures eslint-watcher in your project with minimal effort.
  • Customizable Monitoring: Configure which files or directories to monitor according to your project's needs.
  • Customizable Rules: Tailor the linting rules to your project's specific needs by editing the .eslintrc.cjs file in your project root.

Installation

  1. Install eslint-watcher via npm:

    npm install eslint-watcher
  2. After installing the package with npm install eslint-watcher, run the setup script with the following command:

    node node_modules/eslint-watcher/scripts/setup.js

This script will install ESLint (if not already installed), set up a default ESLint configuration, and create necessary Visual Studio Code tasks.

Usage

After installation and setup, eslint-watcher will automatically start whenever you open your project in Visual Studio Code. It will monitor specified files and directories, applying ESLint checks in real-time.

Dependencies and Coverage

eslint-watcher uses several dependencies to provide comprehensive linting coverage:

  • ESLint: The core ESLint library, which provides the linting functionality.
  • TypeScript ESLint: With @typescript-eslint/eslint-plugin and @typescript-eslint/parser, ESLint can lint TypeScript files in addition to JavaScript files.
  • React ESLint: eslint-config-react and eslint-config-react-app provide a set of ESLint rules tailored for React applications, and eslint-plugin-react provides React-specific linting rules.
  • Chokidar: A file watcher used by eslint-watcher to monitor changes in your files in real-time.

These dependencies ensure that eslint-watcher can lint a wide range of JavaScript and TypeScript code, including React applications. If your project uses other libraries or frameworks, you may need to install additional ESLint plugins or configurations to ensure complete coverage.

Custom Configuration

You can customize the ESLint rules by editing the .eslintrc.cjs file in your project root. Modify this file to tailor the linting rules to your project's specific needs.

Troubleshooting

If you encounter any issues during the setup process, please ensure that you have the latest version of Node.js and npm installed. If the problem persists, try running the setup script again or check the console for any error messages. For further assistance, please visit the GitHub repository and submit an issue.

Contributing

Contributions to eslint-watcher are welcome! If you have suggestions or improvements, feel free to fork the repository, make your changes, and submit a pull request. Your input helps make eslint-watcher better for everyone.

License

eslint-watcher is open-source software licensed under the MIT License. See the LICENSE file for more details.

Questions and Feedback

For questions, feedback, or issues, please visit the GitHub repository.

Happy coding with eslint-watcher!