必要なものは、VScodeとchrome。

index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>JabaScript practice</title>
  </head>
  <body>

    <script src=js/main.js> //JabaScriptは別ファイルで保存
//ファイルを作成していなくても、js/main.jsにカーソル合わせてctlクリックで新しいファイルが作れるよ。
    </script>
      
   </body>

 </html>

main.js

'use strict'; //エラーチェックを厳格にできる

console.log("hello")
console.log('hello world from main.js'); //'',""どちらでも良い

//文章内に'が入るときは以下二つの方法
console.log("it's me!")
console.log('it\'s me') //バックスラッシュ\はその次の文字を無効化してくれる

console.log確認方法

chromeに移り、index.htmlをドラッグ。 ctl + shift + I　で”デベロッパーツール”を表示。 consoleタブをクリック→画面更新すると以下のような表示になります！

ちなみに画面設定はここで変更できます。私は左から二つ目にしてます。

以上です！