VS Codeを使う最大の理由はエメットなので、これをつかわないなんてとんでもないです。
基本操作
| 操作内容 |
ショートカットキー |
| Emmet展開 |
Tab（展開可能な略語の後） |
| Emmet展開（改行で強制展開） |
Ctrl + Enter |
| 連結要素（兄弟） |
+（例：div+p） |
| ネスト要素 |
>（例：div>ul>li） |
補完・編集
| 操作内容 |
ショートカットキー |
| グループ化 |
()（例：ul>li.item$*3） |
| 数字のインクリメント |
$（例：item$） |
| 複数回繰り返し |
*（例：li*5） |
| コメントアウト |
Ctrl + / |
CSSショートカット
| 操作内容 |
ショートカットキー |
| CSSプロパティ補完 |
Ctrl + Space（IntelliSenseと併用） |
| CSSショートハンド展開 |
Tab（例：m10 → margin:10px;） |
その他便利な操作
| 操作内容 |
ショートカットキー |
| HTML要素の選択範囲で展開 |
Ctrl + Shift + A |
| HTML要素のラップ |
Ctrl + Shift + G |
基本操作
| 操作内容 |
ショートカットキー |
| Emmet展開 |
Tab（展開可能な略語の後） |
| Emmet展開（改行で強制展開） |
Command + Enter |
| 連結要素（兄弟） |
+（例：div+p） |
| ネスト要素 |
>（例：div>ul>li） |
補完・編集
| 操作内容 |
ショートカットキー |
| グループ化 |
()（例：ul>li.item$*3） |
| 数字のインクリメント |
$（例：item$） |
| 複数回繰り返し |
*（例：li*5） |
| コメントアウト |
Command + / |
CSSショートカット
| 操作内容 |
ショートカットキー |
| CSSプロパティ補完 |
Control + Space（IntelliSenseと併用） |
| CSSショートハンド展開 |
Tab（例：m10 → margin:10px;） |
その他便利な操作
| 操作内容 |
ショートカットキー |
| HTML要素の選択範囲で展開 |
Command + Shift + A |
| HTML要素のラップ |
Command + Shift + G |
