sit in a circle and chat happily

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」も複数選択されていく

③複数選択された状態で、変えたい色に変更する

カテゴリー