Atomエディタで書いたCSSを保存してブラウザで表示させたい
ドットインストールでHTML.CSSの詳解flexbox編の#3に取り組んでいます。
動画の指示通りAtomエディタにてHTMLとCSSにコードを打ち込み、デスクトップに保存してから、ブラウザで表示しようとしています。
しかしHTMLはしっかりとブラウザで表示されているのに対して、CSSは表示されないばかりか、Atomエディタではなく以前インストールしたVSCodeエディタに保存されてしまってる状態です。
CSSをAtomエディタで保存して、しっかりとブラウザに表示したいのですが、何か解決策はありますでしょうか?
https://dotinstall.com/lessons/basic_flexbox/32103
###試した事
VSCodeをアンインストールして、一からHTMLとCSSを打ち込み、ブラウザで表示しようとするも、依然CSSのみ表示されず
補足情報(FW/ツールのバージョンなど)
MacBookを使用しています。
デスクトップはiCloud内に保存されてる状態です。
teratailはドットインストールの解説サイトではないので、タイトルや内容は「自身が組んだコードで起きている問題」として提示された方が回答が得やすくなります(ドットインストール受講前提の質問だとアドバイスを得られる機会がグッと減ります)
こちらのページに新規保存のやり方が書いてありますので、こちらのやり方で保存してみられたらどうでしょうか?
http://creating-homepage.com/archives/1033
> Atomエディタではなく以前インストールしたVSCodeエディタに保存されてしまってる状態
「エディタに保存」というのがちょっと意味がわからないです。Atomで作ろうがVSCodeで作ろうがCSSファイルはCSSファイルなので、どのエディタでも開けます。ダブルクリックするとVSCodeで開いてしまうという意味なら、拡張子.cssのファイルを開くデフォルトのアプリケーションがVSCodeに紐付けられているだけなので、関連付けを変更すれば良いと思います。
https://pc-karuma.net/mac-extension-related-app-change/
CSSが表示されないのはまた別の問題なので、作成したコードをここに提示してください。
返信ありがとうございます!
mari.rinnさんが教えてくれたページの指示通りにして、無事問題は解決しました!
質問は編集できますので。
なお、解決したのでしたら質問をきちんと締めてくださいね
https://teratail.com/help#resolve-myself
あなたの回答
tips
プレビュー