Comment on page
Prettier
If you would rather not use Prettier instead, you can easily disable it too. In VSCode, open
.vscode/settings.json
, then change the "editor.formatOnSave"
option to false
:{
"[json]": {
"editor.formatOnSave": false
},
"[javascript]": {
"editor.formatOnSave": false
},
"[typescript]": {
"editor.formatOnSave": false
}
}
The
.prettierrc
file configures how Prettier formats your code. By default we use the following options.{
"semi": true,
"tabWidth": 2,
"printWidth": 120,
"singleQuote": false,
"trailingComma": "none",
"arrowParens": "avoid",
"endOfLine": "auto"
}
We can use ESLint config and plugin for Prettier to override some ESLint rules to not conflict with Prettier.
$ yarn add --dev eslint-plugin-prettier eslint-config-prettier prettier
Then in your
.eslintrc
file, add the following:module.exports = {
// other configuration omitted for brevity
extends: ["prettier", "prettier/@typescript-eslint", "plugin:prettier/recommended"],
plugins: ["prettier"],
rules: {
"prettier/prettier": "error"
}
};
Last modified 3yr ago