Last active
May 27, 2021 11:47
-
-
Save Joehoel/c58c2b88edb02e622470283647cd7fd9 to your computer and use it in GitHub Desktop.
Setup eslint typescript prettier
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fs = require('fs'); | |
const cp = require('child_process'); | |
const util = require('util'); | |
const path = require('path'); | |
const exec = util.promisify(cp.exec); | |
const writeFile = util.promisify(fs.writeFile); | |
const prettierConfigVscode = { | |
'editor.codeActionsOnSave': { | |
'source.fixAll': true, | |
}, | |
'[json]': { | |
'editor.defaultFormatter': 'vscode.json-language-features', | |
}, | |
'[javascript]': { | |
'editor.defaultFormatter': 'esbenp.prettier-vscode', | |
}, | |
'[typescript]': { | |
'editor.defaultFormatter': 'esbenp.prettier-vscode', | |
}, | |
}; | |
const eslintRc = { | |
parser: '@typescript-eslint/parser', | |
parserOptions: { | |
ecmaVersion: 2020, | |
}, | |
env: { | |
node: true, | |
}, | |
extends: [ | |
'eslint:recommended', | |
'plugin:@typescript-eslint/recommended', | |
'plugin:prettier/recommended', | |
], | |
rules: { | |
complexity: [ 'warn', 10 ], | |
'prefer-const': 'error', | |
'@typescript-eslint/no-explicit-any': 'off', | |
'@typescript-eslint/no-var-requires': 'off', | |
'@typescript-eslint/no-unused-vars': 'error', | |
'@typescript-eslint/no-non-null-assertion': 'off', | |
'@typescript-eslint/explicit-module-boundary-types': 'off', | |
'padding-line-between-statements': [ | |
'error', | |
{ blankLine: 'always', prev: '*', next: 'if' }, | |
{ blankLine: 'always', prev: '*', next: 'block-like' }, | |
{ blankLine: 'always', prev: '*', next: 'block' }, | |
{ blankLine: 'always', prev: '*', next: 'return' } | |
] | |
}, | |
}; | |
const prettierRc = { | |
tabWidth: 2, | |
singleQuote: false, | |
printWidth: 120, | |
trailingComma: 'all', | |
semi: true, | |
}; | |
const packages = [ | |
'@typescript-eslint/eslint-plugin', | |
'@typescript-eslint/parser', | |
'eslint-config-prettier', | |
'eslint-plugin-prettier', | |
'eslint', | |
'prettier', | |
]; | |
(async () => { | |
const vscodeDirPath = path.join(__dirname, '.vscode'); | |
try { | |
fs.statSync(vscodeDirPath).isDirectory(); | |
} catch (error) { | |
fs.mkdirSync(vscodeDirPath); | |
} | |
const workspacePath = path.join( | |
__dirname, | |
'.vscode', | |
'settings.json', | |
); | |
let workspaceSettings = {}; | |
try { | |
fs.statSync(workspacePath).isFile(); | |
} catch (error) {} | |
workspaceSettings = { | |
...workspaceSettings, | |
...prettierConfigVscode, | |
}; | |
await Promise.all([ | |
writeFile( | |
workspacePath, | |
JSON.stringify(workspaceSettings, null, 2), | |
).then(() => console.log('writing new .vscode/settings.json')), | |
writeFile( | |
'.eslintrc.json', | |
JSON.stringify(eslintRc, null, 2), | |
).then(() => console.log('writing new .eslintrc.json')), | |
writeFile( | |
'.prettierrc.json', | |
JSON.stringify(prettierRc, null, 2), | |
).then(() => console.log('writing new .prettierrc.json')), | |
exec(`npm i -D ${packages.join(' ')}`) | |
.then(({ stdout }) => console.log(stdout)) | |
.catch(console.log), | |
]); | |
console.log('Finished installing all dependencies and configuring files.\nYou may need to restart vscode for the eslint / prettier settings to take effect.\nI believe you also need the prettier and eslint extensions installed in vscode.'); | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment