프리티어 설치법

프리티어 설치법

프리티어는 저장 시 자동으로 코드를 정렬 시켜주는 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": [
    
    ]
}