vs code開発vue基本構成

1.プラグインのインストール
Ctrl+shift+xアプリストアを開き、live serverとveturをそれぞれ入力してインストールすればよい
2.settingを構成する.json
Ctrl+shift+p検索を開く、settingを入力、settingを開く.json、次のコードを追加します:自動フォーマット、保存フォーマット、フォントサイズ

"editor.formatOnType": true,
"editor.formatOnSave": true,
"editor.fontSize": 17,

3.ユーザーコードフラグメントの構成
ファイル->プリファレンス->ユーザーコードクリップ->vueを入力します.jsonリターン、{}に次のコードを追加します.これはvueコードをすばやく生成し、ファイルにvueリターンを入力すると自動的にvue基本コードセグメントを生成します.

"Print to console": {
	"prefix": "vue",
	"body": [
		"",
		"",
		"",
		"",
		"export default {",
		"data() {",
		"return {",
		"",
		"}",
		"},",
		"//     -     （    this  ）",
		"created() {",
		"",
		"},",
		"//     -     （  DOM  ）",
		"mounted() {",
		"",
		"}",
		"}",
		"",
		""
	],
	"description": "Log output to console"
}