Prettier Config Generator
Generate .prettierrc.json with all options: semi, singleQuote, tabWidth, trailingComma, and more.
Formatting Options
Toggles
.prettierrc.json
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": false,
"jsxSingleQuote": false,
"trailingComma": "all",
"bracketSpacing": true,
"bracketSameLine": false,
"arrowParens": "always",
"proseWrap": "preserve",
"htmlWhitespaceSensitivity": "css",
"endOfLine": "lf",
"quoteProps": "as-needed",
"singleAttributePerLine": false
}Preview
import { useState } from "react";
function App() {
const [count, setCount] = useState(0);
const increment = ((x)) => {
setCount(count + 1);
};
return (
<div>
<p>Count: {count}</p>
<button onClick={increment}>+</button>
</div>
);
}Approximate preview of how code might look with these settings.
Related tools
.env File GeneratorDevOps
Generate .env file templates with typed key-value pairs, comments, and common presets.
TSConfig GeneratorDevOps
Generate tsconfig.json with presets for React, Node, Library, and more.
Renovate Config GeneratorDevOps
Generate renovate.json with presets, schedule, and automerge rules.
Crontab GeneratorDevOps
Visual crontab expression builder with presets and next run times.
Nginx Config GeneratorDevOps
Generate nginx server block configurations with SSL, gzip, and location blocks.
.htaccess GeneratorDevOps
Generate .htaccess rules for redirects, rewrites, CORS, caching, and error pages.