Vue.js 자동완성 안되서 만든 스닙쳇

Kim Seoung Hun·2022년 7월 11일
1
post-thumbnail

어느 순간 잘만 되던 vue.js 자동완성이 안되어서 일일이 쓰다 빡쳐서 알아보다 내가 설정할 수 있구나! 유레카! 하고 알게되어서!
당장 만들었다.

vscode 상단, Code 설정 탭에서 usersnippets 혹은 '사용자 코드 조각 구성'을 클릭하고,

javascript 로 언어를 선택한뒤 밑에 코드를 복붙 해주자.

{
	"Vue Data quick": {
		"prefix": "data",
		"body": [
			// "console.log('$1');",
			// "$2"
			"data(){",
			"\treturn {",
					"\t\t$1",
				"\t}",
			"},"
		],
		"description": "Vuejs_data"
	},
	"Vue state quick": {
		"prefix": "state",
		"body": [
			// "console.log('$1');",
			// "$2"
			"state(){",
			"\treturn {",
					"\t\t$1",
				"\t}",
			"},"
		],
		"description": "Vuejs_state"
	},
	"Vue method quick": {
		"prefix": "me",
		"body": [
			// "console.log('$1');",
			// "$2"
			"methods : {",
			"\t$1",
			"},"
		],
		"description": "Vuejs_method"
	},
	"Vue components quick": {
		"prefix": "components",
		"body": [
			// "console.log('$1');",
			// "$2"
			"components : {",
			"\t$1",
			"},"
		],
		"description": "Vuejs_components"
	},
	"Vue computed quick": {
		"prefix": "computed",
		"body": [
			// "console.log('$1');",
			// "$2"
			"computed : {",
			"\t$1",
			"},"
		],
		"description": "Vuejs_computed"
	},
	"Vue create quick": {
		"prefix": "create",
		"body": [
			// "console.log('$1');",
			// "$2"
			"create(){",
			"\t$1",
			"},"
		],
		"description": "Vuejs_create"
	},
}

원래있던 console.log 는 어쩌다보니 귀찮아서 안지웠다. 알아서 하시길

profile
낮 코딩 밤에는 그림 종종 시

0개의 댓글