当サイトはアフィリエイト広告を利用しています
プログラミングを学ぶ為の環境を準備しよう!②

【環境構築】プログラミングで使うファイルの作り方

  • 2022年3月9日
  • 2024年12月24日
  • HTML&CSS

プログラミングを学び始めるにあたって

                                                                                 
Visual Studio Codeはインストールしたよ!次は、何をするべき?プログラミング自体初めてなもので……
そういう初心者の方はコチラ!

ファイルを作ろう!

どんなファイルを作るのか?

  1. デスクトップに、フォルダ code_lesson を作る。(名前はなんでもいいよ)
  2. その中に、index.html~.css~.jsの3つのファイルを作る。
  3. 完了!

【追記】厳密には、index以外でもいいんですけど、ここではこうしておいて下さい。

~.cssと~.jsの名前(~の部分)は何でもいいよ。

まあ、ここでは~の部分をそれぞれstyle、scriptとでもしておきます。

そのファイルの作り方

画面上どこでもいいから右クリック-[新規作成]-[テキストドキュメント]

indexとstyleとscriptという名前にする。

[indexをダブルクリック]-[ファイル]-[名前を付けて保存]

文字コードが、UTF-8になってるのを確認し、indexの後ろに .htmlを付けて、保存!

同様に、styleに拡張子.cssを付けて保存、次にscriptに拡張子.jsを付けて保存します。

最初に使った3つのテキストドキュメントは、捨ててください。

残り3つがそれぞれの専用ファイルとなります。

【追記】indexのファイルの種類がEdgeになっているのは、既定のブラウザがEdgeになっている為です。

さいごに

[それぞれのファイルを右クリック]-[プログラムから開く]-[Visual Studio Code]で、書き込むことが出来ます。
あわせて読みたい

プログラミングを学ぶにあたって何から始めるべき?プログラミング自体初めてなんだけど……プログラミングを独学で学ぶ初心者の為の環境構築について、説明します!テキストエディタとは?[…]

プログラミングを学ぶ為の環境を準備しよう!

今日は、ありがとうございました。では、また!

スポンサーリンク