@superkoders/prettier-config
v0.2.6
Published
SUPERKODERS prettier configuration
Downloads
1,546
Keywords
Readme
@superkoders/prettier-config
SK shareable prettier config, which is prepared for use with our eslint configuration
Instalation
1. Install the package
npm i -D @superkoders/prettier-config
2. Add .prettierrc.js
This tells prettier where to locate our rules. You can also override the rules here, if you have some exception on a given project.
module.exports = {
...require('@superkoders/prettier-config'),
};
If you need to make special overrides for given project, you can do so like this:
module.exports = {
...require('@superkoders/prettier-config'),
useTabs: true // you can add overrides like so
};
3. Add .prettierignore
Specify paths and files you don't want to autoformat. Be sure to ignore minified 3rd party files. Good starting point might be this:
*.md
*.mdown
*.mdx
package.json
package-lock.json
web/*
src/js/static/*
**/node_modules/**/*
4. Add .gitattributes file
Make sure, that line endings will be same accross platforms / OS. This line will make the magic:
* text eol=lf
5. Optional: Live error/warning highlightning with editor extension
Download an extension, which will highlight problematic code and give you options how to fix it or which will auto format it as you save. Prettier do VS Code
6. Update VS Code settings for autoformatting
Ideally, save those settings in .vscode/settings.json
so it lives with the project, if it isn't there already.
"editor.formatOnSave": true,
"prettier.requireConfig": true, // Only format configured projects