Home vscode custom snippets 설정
Post
Cancel

vscode custom snippets 설정

블로그를 markdown으로 쓸때 여러 md 포맷을 활용해야 하는 경우가 많은데
해당 포맷들을 vscode에서 custom snippet으로 등록하기

Snippets 파일 선택

File -> Preferences -> User Snippets -> 원하는 Language 선택 Desktop View

Snippet 등록 with snippet-generator

prefix가 snippet 자동완성을 불러오는 키워드이고, body는 자동완성할 body 그 자체이다.
개행 단위로 끊어서 List 형태로 넣어준다. description은 해당 snippet에 대한 설명을 의미한다.

1
2
3
4
5
6
7
8
	"Todo List": {
		"prefix": "todo",
		"body": [
		  "- [ ] Job",
		  "  + [x] Step 1"
		],
		"description": "ToDO List"
	}

Desktop View Desktop View

body 내용이 많아지면 개행 뿐만아니라 공백도 맞춰서 List로 넣어줘야하므로 해당 내용을 직접 만들기 매우 번거로워 진다.
https://snippet-generator.app 사이트를 이용하면 snippet 설정을 위한 json을 쉽게 만들 수 있다. Desktop View

Snippet 적용이 안된다면

만약에 위의 설정을 마쳤는데도 markdown(자기가 추가한 언어)파일에서 snippet 자동완성이 지원이 되지 않는다면 우측하단의 markdown(자기가 추가한 언어) 선택후 Congifrue ~ language based settings… 선택 후

Desktop View Desktop View

해당 설정 파일에 “editor.quickSuggestions”: true 옵션이 있는지 확인하고 넣어준다.

1
2
3
4
5
6
7
8
9
  {
    ...
    "[markdown]": {
        "editor.unicodeHighlight.ambiguousCharacters": false,
        "editor.unicodeHighlight.invisibleCharacters": false,
        "editor.wordWrap": "on",
        "editor.quickSuggestions": true
    },
    ... 

reference

This post is licensed under CC BY 4.0 by the author.

k3s 구성하기

PythonProject PyPI에 배포하기