@xwtec/prettier-config
Prettier Configuration for xwtec projects
Install
# with yarn
yarn add --dev prettier @xwtec/prettier-config
# with npm
npm install --save-dev prettier @xwtec/prettier-config
Configuration
Add following code
module.exports = require('@xwtec/prettier-config');
to prettier.config.js
in your project.
Customize
module.exports = require('@xwtec/prettier-config').customize({
semi: false,
overrides: [
{
files: ['*.js'],
options: {
parser: 'meriyah',
},
},
],
});
Usage
npx prettier "**/*.{js,mjs,cjs,scss,html,vue,css,less,md}"
Options
Global
Option |
value |
Description |
bracketSpacing |
false |
Print spaces between brackets. |
htmlWhitespaceSensitivity |
ignore |
How to handle whitespaces in HTML. |
semi |
true |
Print semicolons. |
singleQuote |
true |
Use single quotes instead of double quotes. |
trailingComma |
all |
Print trailing commas wherever possible when multi-line. |
*.css
Option |
value |
Description |
parser |
css |
Which parser to use. |
singleQuote |
false |
Use single quotes instead of double quotes. |
*.{gql,graphql}
Option |
value |
Description |
parser |
graphql |
Which parser to use. |
*.{html,htm}
Option |
value |
Description |
parser |
html |
Which parser to use. |
*.{js,jsx,mjs,cjs}
Option |
value |
Description |
parser |
babel |
Which parser to use. |
*.json
Option |
value |
Description |
parser |
json-stringify |
Which parser to use. |
singleQuote |
false |
Use single quotes instead of double quotes. |
*.json5
Option |
value |
Description |
parser |
json5 |
Which parser to use. |
singleQuote |
false |
Use single quotes instead of double quotes. |
*.less
Option |
value |
Description |
parser |
less |
Which parser to use. |
singleQuote |
false |
Use single quotes instead of double quotes. |
*.{md,markdown}
Option |
value |
Description |
parser |
markdown |
Which parser to use. |
*.mdx
Option |
value |
Description |
parser |
mdx |
Which parser to use. |
*.scss
Option |
value |
Description |
parser |
scss |
Which parser to use. |
singleQuote |
false |
Use single quotes instead of double quotes. |
*.{ts,tsx}
Option |
value |
Description |
parser |
typescript |
Which parser to use. |
*.vue
Option |
value |
Description |
parser |
vue |
Which parser to use. |
*.{yaml,yml}
Option |
value |
Description |
parser |
yaml |
Which parser to use. |
singleQuote |
false |
Use single quotes instead of double quotes. |