Q&A実現したいこと
VSCodeを使ってVue.jsの勉強をしています。
project:vue-lesson作成して環境設定は大体できているんですが、インストール時App.vueの前についているlogo.svg画像が
途中でhtmlアイコンに変わってしまいます。
元に戻す方法を教えてください。
お願いいたします。
発生している問題・分からないこと
何度かprojectを作り直してみたのですがうまくいきませんでした。
<script setup>に波線がついています。 <h1>Title</h1>のTitleが赤色にならない ### 該当のソースコード ```App.vue <script setup> const userName='naka' console.log(userName) </script> <template> <h1>Title</h1> </template> <style> h1 { color: red; } </style>```index.html <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="public/favicon.ico"> <title>Vite App</title> </head> <body> <h1>Title</h1> </body> </html>
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
エクスプローラのApp.vueには正常にlogo.svgが表示されています。
Goggle Chromeのタブの表示もlogo.svgが表示されています。
VSCodeのprojectの中にあるApp.vueについているアイコンが数字の5がついたHTMLのアイコンになっています。
これをインストール時のlogo.svgに戻す方法をおしえてください。
補足
Windows10、VSCode,実行はChromeです。
回答1件
0
自己解決
VSCODEの歯車のアイコンをクリックする。
テーマ ＞ ファイルアイコンのテーマ ＞ ファイルアイコン選択欄でSetiを選択、
これでファイルの前につくアイコンが期待道理になりました。
投稿2025/08/27 12:15
総合スコア34
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。