Q&A
>VScodeで
タグあります。
https://teratail.com/tags/Visual+Studio+Code
____### 前提・実現したいこと
当方、初学者で無知なためご教示お願い致します。
ネット上で調べたり、他の方の同様な過去の質問・回答などを見て確認しましたが分かりませんでした。
VScodeでHTML previewを使用するとcssが反映されておらず(添付画像①)、エクスプローラーで表示した際のもの(添付画像②)と同様に、VScodeのHTML previewでもcssを反映させたい。
①
②
発生している問題・エラーメッセージ
VScodeでのHTML previewにてcssが反映されない。
該当のソースコード
<link rel="stylesheet" href="css/stylesheet.css">
試したこと
・フォルダ名、ファイル名、相対・絶対パスの入力間違い等の確認
・一度ファイルを保存した後に再度プレビューの試み
・VScodeの終了・再起動
(追記)他に作成していたものを読み込みプレビューを試しにやってみると、正常に反映されていました。
フォルダ、ファイルの場所や<link rel・・・・＞のコードなどは同じようなやり方なので、余計に理由がわからなくなりました。
補足情報（FW/ツールのバージョンなど）
OSはWINDOWS10です。
わざわざありがとうございます。
私もテラテイル内の同様の質問を拝見させて頂き、同じ事を試したのですが反映されなかったので質問を投稿させて頂きました。（試したことに記載している内容です）
他に何か考えられる事はありますでしょうか？
もし宜しければお教え頂くと幸いです。
https://teratail.com/questions/233801
これは参考にならないですか？
ご親切にありがとうございます。
そちらの方のご質問・ご回答も投稿前に拝見させて頂き、試みたのですが反映されませんでした。
“試したこと”に記載させて頂いた事は全て試したのですがダメでした。
何か他に考えれる事がもしありそうでしたらお知恵をお貸し下さい。
お願い致します。
「同類の質問を見てください」という意味ではなく、この質問に質問タグを追加してくださいと言う質問への追記修正依頼です。質問は修正できます。
勘違いしておりました、すみません。
先程タグを増やしました。
ご指摘ありがとうございます。
Visual StudioとVisual Studio Codeは全然違うものです。
タグ変更してください。
すみません、間違えておりました。
ご指摘ありがとうございます。
回答1件
0
ベストアンサー
おそらく、フォルダをワークスペースに追加しているのだと思います。
VSCode | ワークスペースを使って複数のフォルダを同時に開く
この場合、追加されたフォルダがルートになるので、その外側にあるファイルを見ることはできません。
ワークスペースに登録されているフォルダにサブフォルダを作ることによって、ルートではないフォルダを追加できます。
その方法としては、
- エクスプローラ（ファインダー）で追加する
- プロジェクト名の横にあるフォルダ追加ボタンを押す
- フォルダを右クリックして、「New Folder」（日本語だと「新規フォルダ」？）を押す。
のどれかがいいと思います。（メニューバーにはないと思います）
投稿2021/05/27 02:00
総合スコア37704
ご教示ありがとうございます。
貼って頂いたリンク先も確認させて頂きました、ありがとうございます。
ご提案頂いた3点を試してみましたが、改善が見られませんでした。
お知恵を頂いたのですが、私の無知が一番の原因だと思います。
申し訳ありません。
なるほど。
.code-workspace ファイルはどのような内容になっていますか？
ご親切に何度もありがとうございます。
先程、フォルダを新規に作成・移行し、全てを同じ階層に置いた状態で
<link rel="stylesheet" href="stylesheet.css">
と コードを修正してみたら反映されました。
(何が原因だったのかまだ分かっておりませんが)
本当にありがとうございました。
あまりお役に立てずにすみません
あなたの回答
tips
プレビュー
