VScodeについて

• エクスプローラービューでファイル名をクリックすると「プレビューモード」でファイル内容が表示される。あくまで閲覧用の表示形式なのでファイルの内容を編集できない。
• ファイルを編集する場合はファイル名をダブルクリックしてエディターでファイルを開く。

• command + shift + Pでコマンドパレットが開く。
• command + Pでクイックオープン
• command + ,でUser Settingsの表示

• 変更箇所の選択 → 右クリック → 「シンボルの名前変更」でシンボルの名前変更が可能

• Emmet（エメット）について
  • HTMLやCSSを日常的に編集するWeb製作者向け入力支援ツール
  • VSCodeにはEmmetが標準搭載されている

たとえば
p.attention → <p class="attention"></p>
p#introduction → <p id="introduction"></p>

cssセレクターのみを入力すると自動的にdivタグを追加
.quote → <div class="quote"></div>

「タグ名>タグ名」と入力すると、親要素・子要素を同時に追加できる
section>.text>p →

<section>
 <div class="text">
  <p></p>
 </div>
</section>