VScode Vue プロジェクトは HTML コード自動補完プラグインを使用します

1. プラグインのダウンロード: HTML スニペット

 

2. settings.json ファイルを構成する

ファイルを開く方法: VScode で Ctrl+Shift+P を同時に押して、構成ファイルを検索します

 

3. settings.json に次のコードを追加します。

// HTML代码tab键自动补全
{
    "files.associations": {
        "*.vue": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html"
    }
}

4.保存後使用可能

使い方：

(1) 単一ラベル: ラベル名を入力し、Tab キーを押します。

(2) 複数の同じタグ：タグ名*5を入力し、Tabキーを押します

 

 (3) 親子タグ：親タグ＞子タグと入力し、Tabキーを押します。

(4) 兄弟ラベル: 兄弟ラベル + 兄弟ラベルを入力し、Tab キーを押します。