vscode 프리티어 Prettier 세팅하기

 

vscode에 들어갑니다.

 

익스텐션에 들어가서 프리티어를 설치합니다.

 

프리티어

 

설치가 되면, 저장을 누를 때 자동으로 정리가 되는것을 원하시는 거죠?

 

그럼 저와같이 아래의 세팅을 해주면 됩니다.

 

일단 settings.json 으로 들어가 줍니다.

 

settings.json에 들어가는 방법은 제 다른글에 설명이 되어 있습니다.

 

자 이제, 아래의 코드를 붙여넣기 하시면 됩니다.

 

 

// prettier settting "editor.defaultFormatter": "esbenp.prettier-vscode", "prettier.printWidth": 120, "editor.formatOnSave": true

 

저는 원래 printWidth가 80으로 설정이 되어 있던가? 그렇습니다.

 

그러나 html을 작성할 때 이상하게 저장이 되죠

 

그럼 저처럼 120으로 설정을 하시면 더 아름답게 보입니다.

 

한번 해보시기 바랍니다.