プログラミング入門ナビ

Visual Studio Code（VS Code）でEmmet省略記法を有効にする方法について説明いたします。
デフォルトではOFFになっているため、ONに設定する必要があります。

Emmetは、主にHTMLやCSSの記述をサポートしてくれるライブラリです。

設定画面を開く

メニュー > 基本設定 > 設定

既存の設定を上書き

下記を追加

“emmet.triggerExpansionOnTab”: true

動作確認

htmlファイルで、下記のように入力

div>ul>li

Tabキーを押すと展開される

動作確認環境

• Visual Studio Code 1.26.1
• macOS High Sierra

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する