ユーザースニペット機能を使って爆速コーディング!Visual Studio Code(ビジュアルスタジオコード)の機能をフル活用しましょう!

  • マンツーマン個別講義開催中!

    勉強に行き詰まっていませんか?
    エラーの解消から、実装方法まで丁寧に教えます!
    講師が答えられるなら、基本的にどんな内容でもOK!

    詳細はこちら!
  • スクール形式講義

    プロを目指す方・講義を何回も受けられる方はこちら
    個別のカリキュラムを作成し、長期的にサポート!

    詳細はこちら!
Visual Studio Code(ビジュアルスタジオコード)のスニペット機能(ユーザー辞書のようなもの)を使って、効率の良いコーディングをするための環境作りをしていきましょう!
動画ではHTML・JavaScriptを例に設定と使い方について説明しています!

動画内で説明していた公式ドキュメントはこちら
https://code.visualstudio.com/docs/editor/userdefinedsnippets

問い合わせがありましたので、よく使うCSSのスニペットを1つこちらに掲載いたします。
ご活用ください。
! + Tabキーで展開するようにしております。(こちらをコピーする際、ダブルクォーテーションなどの記号が上手くコピーされないことがありますので、ご注意ください)
"first settings": {
"prefix": "!",
"body": [
"@charset \"UTF-8\";",
"",
"*, *::before, *::after {",
"\tbox-sizing: border-box;",
"}",
"",
"body {",
"\tcolor: #333;",
"}",
"",
"a {",
"\tcolor: #333;",
"\ttext-decoration: none;",
"}",
"",
"$1"
]
},

関連する動画リスト

もっとみる