VS Code snippet 만들기

snippet, text Editor, vs code

1. VS code가 실행된 상태에서 cmd + shift + p를 눌러서 명령 팔레트 창을 실행시키고 snippets를 입력한다.

snippets 입력

2. 사용자 코드 조각 열기를 선택한 후 snippet을 제작하고 싶은 파일 형식 선택

snippet을 추가하고 싶은 언어 입력

3. 사용자 코드 조각을 설정 한다.

{
  "CSS Clear fix": {
  // snippet을 실행 시킬 명령어
  "prefix": "clfix",
  // 삽입할 코드 조각
  // 여러 줄일 경우, 로 구분해서 작성 
  "body": [
    "content: '';",
    "display: block;",
    "clear: both;"
  ],
  // 어떤 snippet인지 설명
  "description": "CSS Clear fix"
  }
}