vscode はどのように vue テンプレートを作成しますか

開発効率を向上させるために、コード内で vue テンプレートとその他のテンプレートを作成する方法を以下に記録してみましょう。

1. 拡張機能内の vue-helper および Vetur ツールをダウンロードします。

2. ファイル -- 設定 -- を通じてユーザー コード スニペットを構成します

3.「vue」と入力し、次に「vue.json」と入力し、テンプレートのコンテンツを構成します

4. 新しく作成した vue ページで、「vue」と入力して、対応する定義テンプレートをインポートします 

 

 5. Vue.json コードの内容

{

    "vue テンプレートを生成": {

        "プレフィックス": "vue",

        "体": [

            "<テンプレート>",

            "<div></div>",

            "</template>",

            「」、

            "<スクリプト>",

            "デフォルトのエクスポート {",

            "名前:''、"、

            "//import はコンポーネントなどを導入します",

            "コンポーネント: {},",

            "小道具: {},",

            "データ() {"、

            "//ここにデータを保存します",

            "戻る {};"、

            "},",

            "計算結果: {},",

            "時計: {}、"、

            "メソッド: {},",

            "作成した() {}、"、

            "mounted() {},",

            "破壊されました() {}"、

            "};"、

            "</script>",

            "<stylescoped lang='less'>",

            "</style>",

        ]

    }、

    「その他を生成」:{

        "プレフィックス": "lc",

        "体":[

            「<div>その他</div>」

        ]

    }

}

おすすめ

転載: blog.csdn.net/qq_30893717/article/details/130264895
おすすめ