typescript素人がtypescriptはじめてみてすぐ直面したのが、ESlint/Prettierの設定の面倒臭さです。
面倒くさいので調べたらromeというちょいマイナーな代替手段があるとのことなので、これ試しました。
インストール
npm install --save-dev --save-exact rome
初期設定
npx rome init
コマンド実行後、rome.jsonが生成されているはずです。
rome.jsonを修正し、formatを有効にする
"formatter": {
"enabled": true,
"indentStyle": "tab",
"lineWidth": 120
}
(VSCode使っていた場合）VSCodeの拡張をインストール
拡張探すところに「rome」と入れたらでてきます。
Rome - Visual Studio Marketplace
上記の拡張の説明文通りに、設定していきます。
具体的には、settings.jsonを以下のように設定します。
"[javascript]": {
"editor.defaultFormatter": "rome.rome",
},
"editor.formatOnSave": true
