VS Codeの保存時にCSS、JavaScriptをPrettierで自動フォーマットする

npm install --save-dev prettier

npm install --save-dev stylelint

npm install --save-dev stylelint-config-prettier

npm install --save-dev @wordpress/stylelint-config

npx stylelint path/to/file.css

npx stylelint path/to/file.scss

npx stylelint path/to/directory/

npx stylelint --fix path/to/file.css

{
	"css.validate": false,
	"[css]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
		"editor.formatOnSave": true,
		"editor.codeActionsOnSave": {
			"source.fixAll.stylelint": true
		}
	},
	"scss.validate": false,
	"[scss]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
		"editor.formatOnSave": true,
		"editor.codeActionsOnSave": {
			"source.fixAll.stylelint": true
		}
	},
	"stylelint.validate": [
		"css",
		"scss"
	],
}

{
	"printWidth": 100,
	"tabWidth": 2,
	"useTabs": true,
	"singleQuote": true
}

{
	"extends": ["@wordpress/stylelint-config/scss", "stylelint-config-prettier"],
	"rules": {
		"color-named": "never",
		"selector-class-pattern": null,
		"at-rule-no-unknown": [
			true,
			{
				"ignoreAtRules": [
					"include",
					"mixin",
					"function",
					"if",
					"return",
					"import",
					"use",
					"forward"
				]
			}
		],
		"no-descending-specificity": null,
		"comment-empty-line-before": null,
		"rule-empty-line-before": null,
		"no-invalid-double-slash-comments": null,
		"block-no-empty": null
	}
}

npm install --save-dev prettier

npm install --save-dev eslint

npm install --save-dev eslint-config-prettier

npm install --save-dev @wordpress/eslint-plugin

{
	"env": {
		"jquery": true
	},
	"extends": ["plugin:@wordpress/eslint-plugin/recommended", "plugin:prettier/recommended"],
	"rules": {}
}

npx eslint path/to/file.js

npx eslint path/to/directory/

{
	"[json]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
		"editor.formatOnSave": true,
	},
	"[javascript]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
		"editor.formatOnSave": true,
		"editor.codeActionsOnSave": {
			"source.fixAll.eslint": "explicit"
		}
	},
}