VS Code備忘録
投稿日:2021-10-21
備忘録
- 入力補助が消えちゃったとき→「ctrl」+スペース
- コピペ→行にカーソルを合わせて「ctrl+c」だけで行全体をコピー可能
- 「alt+キーボード上下」で行ごと上下に移動できる
まとめて数行を移動されることも可能 - 「ctrl+/」でコメント化できる
- 「.クラス名」Tab → <div class=”クラス名”></div>
- 「F2」でファイル名の変更が可能
- 「!」Tab → 基本構造がズドンと記述される
Emmet記法
例えば…「ul>li」を記述した状態で「Tab」を押すと
↓ こうなる
<ul>
<li></li>
</ul>
「table>tr>th*5」
<table>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table>
全称セレクタ:すべての要素
* {
プロパティ名: 値;
}
同じ設定をまとめて変えたい
例)text-shadowの色をまとめて変えたい時
text-shadow:
2px 2px 4px #1e0a0c,
2px 2px 4px #1e0a0c,
2px 2px 4px #1e0a0c,
2px 2px 4px #1e0a0c,
0 0 8px #1e0a0c;
①一番上の「#1e0a0c」を選択
②「ctrl」+「D」を押下すると、その下の 「#1e0a0c」も複数選択されていく
③複数選択された状態で、変えたい色に変更する
カテゴリー