Open2
tsconfig.jsonの絶対パスインポートとvscodeの設定
![oosuke](https://res.cloudinary.com/zenn/image/fetch/s--6AhRy29u--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/f4de61efd6.jpeg)
tsのプロジェクトではデフォルトで各種ファイルの読み込みは相対パスになっているが、相対パスだとimportのソートや階層が深い場合の可読性、パスを変更した際の修正範囲など色々と使いづらい場合があるので絶対パスでのインポートにする設定
tsconfig.json
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["./src/*"]
}
},
.vscode/settings.json
{
"path-autocomplete.pathMappings": {
"@": "${folder}/src"
}
}
設定後はvscodeを再起動するのを忘れずに。
![oosuke](https://res.cloudinary.com/zenn/image/fetch/s--6AhRy29u--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/f4de61efd6.jpeg)
vscodeのデフォのものだとうまく反映されないケースがあったので、Path autocompleteを使って、デフォは無効にした方がいいかも