Prettier용 언어 비활성화(VScode에서)

VSCode에서 Prettier용 언어를 비활성화하는 것은 간단했습니다. prettier.disableLanguages 설정을 추가하면 완료됩니다.

// In settings.json
[
  "prettier.disableLanguages": [
    "javascript",
    "javascriptreact",
    "json",
    "markdown"
  ],
]

불행히도 prettier.disableLanguages는 더 이상 사용되지 않으므로 더 이상 이 작업을 수행할 수 없습니다. 대신 할 수 있는 일은 다음과 같습니다.

두 가지 방법이 있습니다.

특정 언어에서 Prettier를 활성화합니다.

Prettier를 전역적으로 활성화하지만 특정 언어에서는 비활성화합니다.

특정 언어로 Prettier 활성화

첫 번째 옵션은 사용하는 특정 언어에 대해 Prettier를 활성화하는 것입니다. editor.defaultFormatter 속성을 사용하여 이 작업을 수행할 수 있습니다. 다음은 CSS에 대해 활성화한 예입니다.

[
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
]

이 방법을 사용하는 경우 모든 언어에 대해 Prettier를 활성화해야 하므로 지루할 수 있습니다.

[
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
]

그래서 전 세계적으로 Prettier를 활성화하는 것을 선호하지만 특정 언어로 Prettier를 덮어씁니다.

Prettier Globally 활성화하지만 특정 언어에서는 비활성화

editor.defaultFormatter 속성으로 Prettier를 전역적으로 활성화할 수 있습니다.

"editor.defaultFormatter": "esbenp.prettier-vscode",

특정 언어에 대해 Prettier를 비활성화하려면 editor.defaultFormatter를 null로 설정할 수 있습니다.

"editor.defaultFormatter": null;

특정 언어에 대한 특정 포맷터를 덮어쓰도록 선택할 수도 있습니다. 다음 예제에서는 JavaScript 형식을 지정하기 위해 Prettier 대신 Standard JS를 사용합니다.

메모:
JavaScript용 Standard를 사용하는 경우 대신 prettier-vscode-standard 확장을 사용하는 것이 훨씬 쉽습니다. 나는 이것에 대해 another article 에 썼습니다.

"[javascript]": {
    "editor.defaultFormatter": "chenxsan.vscode-standardjs"
},

읽어 주셔서 감사합니다. 이 기사는 원래 my blog에 게시되었습니다. 더 나은 프론트엔드 개발자가 되는 데 도움이 되는 더 많은 기사를 보려면 my newsletter에 등록하십시오.