3.1.0 • Published 3 years ago
@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. |