vscodeでvueテンプレートコードを設定する方法

(1) Vetur プラグインと VueHelper プラグインをインストールします。インストールが完了したら、VScode を再起動する必要があります

拡張プラグインの検索ボックスで次の Vetur プラグインと VueHelper プラグインを見つけて、アイコンに注目してください。

#(2) vue のテンプレート コード スニペットを追加します。

vue 項目を選択します

開いた vue.json にテンプレート コード スニペットを追加します。

{
	"vue": {
	"prefix": "vue",
	"body": [
		"<template>",
		"  <div>",
		"  </div>",
		"</template>",
		"<script>",
		"</script>",
		"<style scoped>",
		"</style>",
	],
	"description": "generate a vue file"}
}

(3) vue ファイルに vue プレフィックスを入力すると、前に作成したプレフィックスが自動的に認識されます。コード スニペットの説明。Tab キーを押すか選択すると、テンプレート コード スニペットが vue ファイルに自動的に追加されます。

関連する推奨事項:

vscode チュートリアル

以上がvscodeでvueテンプレートコードを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。