VS Code Snippets Mark Down 추가

VS Code 로 마크다운을 작성하다 보면 중간에 딱 걸리는 부분이 있다

image 를 넣으려면 어떻게 하지?

macosx command key html 코드는 뭐지?

이런 부분을 snippets로 해결이 가능하다고 해서 해보려 한다.

일단 Code » Preference » User Snippets 를 실행한다.

어떤 언어를 쓸건지 물어본다. 나는 Markdown 을 선택한다.

markdown.json 파일이 열린다.

다음 코드를 추가한다.

	"github_image": {
		"prefix": "imageurl",
		"body": [
			"![](/assets/$1)"	
		],
		"description": "smiley_markdown"
	},
	"command_key": {
		"prefix": "command_key",
		"body": [
			"⌘"
		],
		"description": "mac_command_key"
	}

간단하게 설명하면 prefix는 내가 무엇인가를 입력햇을때 인텔리센스에 나오게 하는것이다.

imageurl을 치면 인텔리센스가 나오고 거기에서 탭을 치면 body에 넣은것들이 자동으로 실행되는 것이다.

command_key는 맥에 command key 인데 매번 코드르 외워서 입력할 수 없어서 위와 같이 해뒀다.

이제 VS Code를 재시작하고 imageurl 까지만 치면 인텔리센스가 나오는걸 알수가 있다. 거기에서 탭을 치면된다.

자세히 보면 코드 snippet가 아닌것도 나온다. 잘 선택해서 탭을 해야한다.

teamsmiley's profile image

teamsmiley

2016-08-15 00:00

Read more posts by this author