ESLint/Prettierに疲れ果てたのでrome を使う

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

参考

Getting Started — Rome