はてなキーワード: ドッキングとは
<title>Document</ti
tle>
の下に <script sr
c="./script.js"></sc
ript>
という行を追加する
●↑↓の不等号は全角で書いてるけど半角に置き換えてくれ
●さらに、<body>
と </bo
dy>
の間にテスト文言を <h1
>てすと</h1>
とでも書いておく
●書いておく文字はとりま何でもいい
●VSCode の一番下の帯の右の方にある﹁◎Go Live﹂をクリックする
●勝手にブラウザが立ち上がって、さっきbody
の中に書いたテスト文言が左上に表示されているはず
●以下、Google Chrome を使っている前提で話を進める
●立ち上がったブラウザでF12キーを押して開発者ツールを起動する
●開発者ツールはブラウザにドッキングしたままでもいいが別ウィンドウにすることもできる。右上の﹁︙﹂メニューで選べる
●Escキーを押すと開発者ツールの下から何やら出たり引っ込んだりするので出しておく︵コンソールという︶
●コンソールのメニューの﹁Console﹂︵日本語を選んであればコンソール︶を選んでおく
●VSCodeに戻り、script.js に1行 conso
le.log("H
ello, Wor
ld!");
とタイプし、上書き保存する
●開発者ツールのコンソール画面に
Hello, W
orld!
と出力されていれば成功。
これで JavaScript を実行する最小限の環境は整った。
好きなようにプログラムを書いてコンソールに出力したり画面に書き出したりしてみて。
﹁指示の通りにならない!﹂という時はどこでつまずいてるか書いて。対応策を助言できるかもしれない。
Permalink | 記事への反応(3) | 12:15