必要なものは、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タブをクリック→画面更新すると以下のような表示になります！
ちなみに画面設定はここで変更できます。私は左から二つ目にしてます。
以上です！