開発効率を向上させるために、コード内で 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>」
]
}
}