728x90
프리티어 설치법
프리티어는 저장 시 자동으로 코드를 정렬 시켜주는 vscode 확장 프로그램 입니다.
Step1. 설치

vscode의 확장 프로그램 설치창에 가서 prettier을 검색해 해당 확장 프로그램을 설치합니다.
Step2. 설정

preference > setting에서 f1을 누른 후 "editor format on save"를 검색합니다
검색 후 위의 사진처럼 Editor: format on save가 나오면 체크박스에 체크합니다.
Step3. 사용법
자 설치가 끝났습니다. 저장 단축키 ctr + s 를 누르면 자동으로 코드가 정렬이 됩니다.
Step4. 안될 때


적용이 안될 시 다시 setting에서 f1을 누른 후 "json"을 검색하면 "Edit in setting.json"의 링크가 나오는데 클릭해줍니다.
해당 창에서 아래의 코드를 넣으면 적용이 될 겁니다.
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true,
"json.schemas": [
]
}
댓글