이름이 바뀐 Dockerfile을 VSCode에 알립니다.

배경

Dockerfile 파일 이름은 Dockerfile.dev 또는 Dockerfile-php.prod와 같은 기본 Dockerfile에서 이름을 바꿀 수 있습니다. VSCode를 사용하는 경우 기본 Dockerfile이면 언어와 연관되어 있지만 이름이 바뀌면 일반 텍스트로만 인식됩니다. 그렇게 되면 당연히 신택스 하이라이트나 보완이나 언어별의 포매터가 효과가 없기 때문에, 격위합니다.

그 대책으로서 이름 바꾸기 후에도 Dockerfile 로서 언어 관련해, 다음에 포맷터의 설정도 하는 방법을 설명합니다.

환경

macOS: High Sierra(10.13.6)

Visual Studio Code: 1.38.1

이번에는 Dockerfile 파일 이름의 명명 규칙을 Dockerfile〇〇로 설정하고 들여 쓰기를 네 개의 공백으로 설정합니다.

절차

Dockerfile과 언어 연결

Dockerfile 편집기 설정 덮어 쓰기

둘 다 settings.json를 편집하기 만하면됩니다. settings.json의 경우 여기을 참조하십시오.

1. Dockerfile과 언어 연결

settings.json에 다음을 추가합니다.

  "files.associations": {
    "Dockerfile*": "dockerfile"
  }

* 는 와일드 카드이므로, 앞에 Dockerfile 가 붙어 있으면 Dockerfile.dev 에서도 Dockerfile-php.prod 에서도 무엇이든 갈 수 있게 됩니다.

2. Dockerfile 편집기 설정 덮어쓰기

마찬가지로 settings.json에 다음을 추가합니다.

  "[dockerfile]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 4
  }

"editor.insertSpaces"가 true이면 탭을 누르면 공백이 삽입됩니다."editor.tabSize": 4에서 탭 한 개에 해당하는 공백 수를 네 개로 설정합니다.

이상으로 저장하면 완료됩니다.

확인

화면 오른쪽 하단의 빨간색 프레임 부분을 살펴보면 설정한 항목이 반영됩니다.

참고

Visual Studio Code의 설정 「호랑이의 권」：IDE편