Open2

tsconfig.jsonの絶対パスインポートとvscodeの設定

oosukeoosuke

tsのプロジェクトではデフォルトで各種ファイルの読み込みは相対パスになっているが、相対パスだとimportのソートや階層が深い場合の可読性、パスを変更した際の修正範囲など色々と使いづらい場合があるので絶対パスでのインポートにする設定

tsconfig.json

    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*": ["./src/*"]
        }
    },

.vscode/settings.json

{
    "path-autocomplete.pathMappings": {
        "@": "${folder}/src"
    }
}

設定後はvscodeを再起動するのを忘れずに。

oosukeoosuke

vscodeのデフォのものだとうまく反映されないケースがあったので、Path autocompleteを使って、デフォは無効にした方がいいかも