프리티어 적용 안될 때(하단 프리티어 더블체크)

ctrl + , || preference -> settings -> default format: prettier && onSave 설정 다 했는데도 안되는 사람들을 위한... 가이드..

위의 설정으로 한번에 해결되는 사람들은 아래를 읽을 필요 x

보통 나처럼 이것저것 깔아뒀다 엉켜버린 사람들이 아래를 읽을 필요 만땅^_^(원래 프리티어 자알~~되던 사람들 ㅠㅠ)

1. f1을 눌러 format document...을 클릭

-> 가장 아래꺼 클릭(ex: default~~ || 기본 구성~~)

-> prettier 클릭

 

이렇게 하면 .vscode 폴더 내에 setting.json 파일 생성

 

2. 고대로 복사 후 삭제

삭제 안해도 되지만,,, 삭제하는게 난 편함... 왜냐... 결국엔 삭제안하면 깃헙에 올라감...수치..

 

3. ctrl + p로 settings.json 파일 불러오면 내 vsc에 전체적으로 적용되는 세팅에 대한 json 파일 등장

얘는 수정해도 폴더 안생기니까... 깃헙에 안올라가서 좋음..

 

4. 대충 비교해보면 복사해둔 setting.json과 전체의 setting.json 파일 중 설정이 다른게 보인다.

.vscode 내에 있던 setting.json이 짧은게 당연하니 부러 전체 setting.json의 일부 코드를 삭제하진 말자..

걍 틀린그림 찾기만 조금 하면된다..

 

5. 그 부분을 수정하자..

분명,,, 한부분만 다를것이다... 메이비...

{
	"workbench.colorTheme": "Default High Contrast",
	"tabnine.experimentalAutoImports": true,
	"workbench.iconTheme": "material-icon-theme",
	"[html]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[javascript]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[typescriptreact]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[typescript]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"editor.defaultFormatter": "esbenp.prettier-vscode",
	"editor.formatOnPaste": true,
	"editor.formatOnType": true,
	"javascript.updateImportsOnFileMove.enabled": "always",
	"eslint.format.enable": true,
	"window.zoomLevel": 1,
	"explorer.compactFolders": false,
	"editor.defaultFoldingRangeProvider": "rvest.vs-code-prettier-eslint",
	"editor.formatOnSave": true,
	"prettier.useTabs": true
}

내 setting.json 파일은 위와 같은데, 이러니까...엉키는 것..내 경우, [javascript] 부분의 "esbenp~"가 다르게 되어있어 고쳤더니 정상작동했다.

 

 

찾는데..매우..힘들었다..