eslint-plugin-json-format

An ESLint plugin to lint, format, auto-fix, and sort your json files.

## Features - lint, format, and auto-fix `json` files (files ending with `.json` or `rc`) - auto-sort `package.json` files (default `true`, can be disabled and sorting configured) - ignores `json-with-comments` files (default `["**/.tsconfig.json", ".vscode/**"]`) - ignores certain files by default (default `["**/package-lock.json"]`) ## Installation You'll first need to install [ESLint](http://eslint.org): ```sh npm install eslint --save-dev ``` Next, install `eslint-plugin-json-format`: ```sh npm install eslint-plugin-json-format --save-dev ``` ## Usage Add `json-format` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix: ```json { "plugins": [ "json-format" ] } ``` **cli example**: ```sh # lint entire poject for js and various json files eslint --ext .js,.json,.eslintrc,.babelrc --fix . ``` > Note: **In order to lint hidden files** (e.g. `.eslintrc.json`), you'll need to modify/create a `.eslintignore` in your project root with these contents: `.eslintignore`: ```gitignore # eslint ignores hidden files by default !.* **/node_modules ``` ## Settings ### default settings (`.eslintrc`): ```json "settings": { "json/sort-package-json": "standard", "json/ignore-files": ["**/package-lock.json"], "json/json-with-comments-files": ["**/tsconfig.json", ".vscode/**"], } ``` > Note: glob patterns use [`minimatch`](https://github.com/isaacs/minimatch/) against path names relative to the project root (cwd) ### `sort-package-json` order You can configure the exact sort order of your `package.json` files (or turn it off entirely with `false`) #### Available sorting options **false**: disable `package.json` sorting. **"standard"**: default from [`sort-package-json`](https://github.com/keithamus/sort-package-json). This is a sane, standard order. **"pro"**: places scripts and dependencies at the top, reducing need to scroll down to view them. Pros only. **["your", "custom", "order", "here"]**: provide an array to manually set the sort order. ### Settings examples to turn off sorting `package.json` files for example, in your `.eslintrc`: ```json { "plugins": [ "json-format" ], "settings": { "json/sort-package-json": false, } } ``` to format `tsconfig.json` (this will strip comments!), in your `.eslintrc`: ```json { "plugins": [ "json-format" ], "settings": { "json/json-with-comments-files": [], } } ``` change the sort order of `package.json`: ```json { "plugins": [ "json-format" ], "settings": { "json/package-json-sort-order": ["license", "dependencies"], } } ``` ## Editor Configuration **VSCode**: In order for editor integration via the [`vscode-eslint`](https://github.com/microsoft/vscode-eslint) extension, you'll need to enable linting `json` files. `settings.json`: ```json // enable eslint fix-on-save "eslint.autoFixOnSave": true, "eslint.validate": [ { "language": "json", "autoFix": true }, ``` > to auto-format* `json-with-comments-files`, also add `"language": "jsonc"` (* will strip comments) ## License [MIT](/LICENSE.md) ## Credits large amount of code borrowed from [`eslint-plugin-html`](https://github.com/BenoitZugmeyer/eslint-plugin-html)

	Stars	Issues	Version	Updated	Created
eslint-plugin-json-format	41	38	2.0.1	5 years ago	5 years ago
eslint-plugin-jsonc			2.15.1	17 days ago	4 years ago
eslint-plugin-yml	100	9	1.14.0	a month ago	4 years ago

eslint-plugin-json-format vs eslint-plugin-jsonc vs eslint-plugin-yml

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past