【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】

2024/07/27 157 users vscode TSX index.ts ディレクトリ名 コスト

はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると右側にディレクトリ名が表示されているのですが、薄い文字かつ、目線移動のコストが発生するため分かりづらいです。 この記事では、VSCodeの設定を変更することで、フ... 続きを読む

[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO

2024/05/09 18 users layout TSX DevelopersIO 西村祐二 タブ

[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを... 続きを読む

package by feature のススメ

2023/10/29 38 users ススメ Components hook API page

# package by layer src/ ┝ page/ │ └ recordList/ │ └ Page.tsx ┝ components/ │ └ recordList/ │ ┝ DailyAverage.tsx │ ┝ Graph.tsx │ └ Table.tsx ┝ api/ │ └ recordList/ │ └ fetchRecord.ts └ hook/ └ recordList/ └ useRecords.ts ちなみに、nuxt.js はこの package by layer になっています。 package by feature... 続きを読む