{"id":41023,"library":"eslint-formatter-vscode","title":"ESLint VSCode Formatter","description":"An ESLint formatter that produces color-coated, VSCode-compatible output with severity, filepath, and ruleId. The current stable version is 0.1.6. It provides two output modes: a compact 'vscode' format and a detailed 'vscode/detailed' format that includes messages and file-level summaries. It is a lightweight, no-configuration formatter targeting developers who integrate ESLint with VSCode's problem matchers. Unlike other formatters, it generates output that VSCode can parse directly in terminal and problem panels.","status":"active","version":"0.1.6","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","eslint","eslint-formatter","eslintformatter","vscode"],"install":[{"cmd":"npm install eslint-formatter-vscode","lang":"bash","label":"npm"},{"cmd":"yarn add eslint-formatter-vscode","lang":"bash","label":"yarn"},{"cmd":"pnpm add eslint-formatter-vscode","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"This package is an ESLint formatter; use via ESLint's --format flag, not as a module import.","wrong":"","symbol":"eslint-formatter-vscode","correct":"eslint . --format vscode"},{"note":"For detailed output, use 'vscode/detailed' as the format name.","wrong":"eslint . --format detailed","symbol":"vscode/detailed","correct":"eslint . --format vscode/detailed"},{"note":"Common usage via npx with glob pattern.","wrong":"","symbol":"eslint-formatter-vscode (npx)","correct":"npx eslint './src/**/*.{js,ts,tsx,jsx}' -f vscode"}],"quickstart":{"code":"npx eslint './src/**/*.{js,ts,tsx,jsx}' -f vscode","lang":"javascript","description":"Run ESLint with the vscode formatter to display compact color-coated output."},"warnings":[{"fix":"Ensure your terminal supports ANSI color codes.","message":"The formatter uses Node.js built-in colors, which may not be visible in some terminals.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Install eslint-formatter-vscode as a devDependency: npm install --save-dev eslint-formatter-vscode","message":"The 'vscode/detailed' format name may not be recognized if the package is not installed correctly.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"search_vec":"'0.1.6':26 'coat':11 'color':10 'color-co':9 'compact':33 'compat':14 'configur':55 'current':22 'detail':38 'develop':58 'direct':77 'eslint':1,5,61,84,86 'eslint-formatt':85 'eslintformatt':88 'file':46 'file-level':45 'filepath':18 'format':35,40 'formatt':3,6,56,69,87 'generat':71 'includ':42 'integr':60 'javascript':83 'level':47 'lightweight':52 'matcher':66 'messag':43 'mode':31 'no-configur':53 'output':15,30,72 'panel':82 'pars':76 'problem':65,81 'produc':8 'provid':28 'ruleid':20 'sever':17 'stabl':23 'summari':48 'target':57 'termin':79 'two':29 'unlik':67 'version':24 'vscode':2,13,34,63,74,89 'vscode-compat':12 'vscode/detailed':39","created_at":"2026-06-04T18:50:24.297408+00:00","updated_at":"2026-06-04T18:50:24.297408+00:00","problems":[{"fix":"Run 'npm install --save-dev eslint-formatter-vscode' and ensure it's in node_modules.","cause":"ESLint cannot find the formatter because the package is not installed.","error":"Error: Invalid format 'vscode'"},{"fix":"Reinstall the package: 'npm install eslint-formatter-vscode@latest --save-dev'","cause":"The package might be corrupted or incorrectly resolved.","error":"TypeError: formatter is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"eslint-formatter-vscode","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-04","next_check":"2026-09-02","install_tag":null}}