ユーザースニペット機能を使って爆速コーディング!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"
]
},

関連する動画リスト

もっとみる