django vscode settings.json 개선된 버전

지난 번에 작성했던 포스팅에서 보다 보완된 버전으로 새롭게 settings.json을 만들었습니다.

지난번 포스팅은 다음과 같습니다. https://blog.naver.com/devramyun/223704360120

[20241224] django를 위한 vscode settings.json 제가 요번에 vscode에서 django를 편하게 사용하기 위해 만든 workspace settings.json입니다. 코드에서 타… 제가 요번에 vscode에서 django를 편하게 사용하기 위해 만든 workspace settings.json입니다. 코드에서 타…

새롭게 바꾼 settings.json입니다. 제가 듣고 있는 django강의를 보고 거의 따라하였는데, django-html의 defaultformatter는 강의에서 일러준 확장패키지를 사용할 경우 html에서 잘못된 formatting이 되는 부분이 있어서, 제가 이전에 찾아서 사용하던 확장패키지 “junstyle.vscode-django-support”로 대체하였습니다. (강의는 거의 파이참으로만 진행해서 그런지 이런 문제가 언급되지 않더라구요. 저는 vscode로만 따라해서 저만의 방법을 찾았습니다. ㅎㅎ)

// 프로젝트/.vscode/settings.json
{
  "editor.tabSize": 4,
  "editor.formatOnSave": true,
  "files.associations": {
    "**/*.html": "html",
    "**/*.js": "javascript",
    "**/*.css": "css",
    "**/templates/**/*.html": "django-html",
    "**/templates/**/*": "django-txt",
    "**/requirements{/**,*}.{txt,in}": "pip-requirements"
  },
  "emmet.includeLanguages": {
    "django-html": "html" // 장고 템플릿에서도 Emmet 사용 지원
  },
  "prettier.tabWidth": 2, // 탭 크기 설정
  "prettier.singleQuote": false, // 쌍 따옴표 사용 설정
  "prettier.semi": true, // 세미콜론 사용 설정
  "prettier.trailingComma": "all", // 후행 쉼표 설정
  "prettier.bracketSpacing": true, // 객체 리터럴 내부의 중괄호 주위에 공백 추가 설정
  "prettier.bracketSameLine": false, // 중괄호를 같은 줄에 배치
  "prettier.arrowParens": "always", // 화살표 함수 파라미터에 항상 괄호 추가 설정
  "[python]": {
    "editor.tabSize": 4,
    "editor.defaultFormatter": "ms-python.black-formatter"
  },
  "[django-html]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "junstyle.vscode-django-support"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "vscode.json-language-features"
  },
}

또 다음은 꿀팁입니다. .vscode에 settings.json과 함께 extensions.json 이라는 파일을 넣어주면 쉽게 어떤 확장패키지를 설치했는지 추천패키지에 띄워 설치할 수 있습니다. 협업할 때 유용하죠.

// 프로젝트/.vscode/extensions.json
{
  "recommendations": [
    "ms-python.python",
    "ms-python.black-formatter",
    "batisteo.vscode-django",
    "junstyle.vscode-django-support",
    "esbenp.prettier-vscode",
    "PKief.material-icon-theme"
  ]
}

file_1