ユーザースニペット機能を使って爆速コーディング!Visual Studio Code(ビジュアルスタジオコード)の機能をフル活用しましょう!
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"
]
},
動画では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"
]
},