アオウル株式会社

Visual Studio CodeでHTMLの基本テンプレートを呼び出す方法

アオウルサポート事務局です。Visual Studio CodeでHTMLの基本テンプレートを呼び出す方法をご紹介いたします。

「!」を入力して「Enter」キーを押す

ファイルを新規作成して、「!」を入力して「Enter」キーを押すと以下のテンプレートが自動入力されます。





lang =”ja”に変更する

lang属性がen(英語)になっていますので、ja(日本語)に変更します。



Visual Studio Codeに標準搭載されているEmmetという機能です。このEmmetを使った便利なコーディング方法がたくさんあります。下記に公式のEmmetチートシートをご案内いたします。

Emmet チートシート
https://docs.emmet.io/cheat-sheet/

Visual Studio Code TIPS

基本テンプレートを呼び出す方法

「!」を入力して「Enter」キーを押す

ファイルを新規作成して、「!」を入力して「Enter」キーを押すと以下のテンプレートが自動入力されます。

詳細を見る

範囲を選択する

現在のカーソル位置にある単語と同じ単語を一括して選択するには、Windows/Linuxでは[Ctrl]+[Shift]+[L]キー(Windows/Linux)

詳細を見る

ICT相談窓口

右下のチャットよりお気軽にお問い合わせください。平日9:00~17:00(祝日、年末年始を除きます)

最適なICT環境を大切なお客様へ
ページトップへ戻る