このレッスンを理解するには以下も参考にしてみてください。
・詳解HTML 基礎文法編 (全30回)
https://dotinstall.com/lessons/basic_html_tags
・詳解CSS 基礎文法編 (全37回)
https://dotinstall.com/lessons/basic_css_styles
・Visual Studio Code入門 (全13回)
https://dotinstall.com/lessons/basic_vscode
Visual Studio Codeの更新で「Wrap Individual Lines with Abbreviation」が「Wrap with Abbreviation」に統合されたようです。コマンドパレットからは「Wrap with Abbreviation」を呼び出し、同じように操作してみてください。
1:43〜 で紹介している Extensions Path の設定方法ですが、Visual Studio Code のバージョンアップに伴い設定画面の UI が変更されました。
レッスン動画内では settings.json の編集画面に遷移していますが、現在は以下のように『Add Item』と表示されるようになっています。
『Add Item』をクリックすると以下のような入力画面になるので、レッスンと同様 ~/emmet
と入力してください。
入力後、OKをクリックすれば設定が完了します。
補足情報 !の挙動について
VS CodeのVersion: 1.69.0以降にて「!」によるHTMLの雛形が入力できなくなったようです。かわりに「html:5」と打ってからタブキーで入力するようにしてください。