루비 온 레일즈
erb 확장자 prettier 설정하는 방법
코딩의 세계
2025. 10. 24. 08:03

erb에서 prettier 비스무리한 것을 적용할 수 있다. (코드 자동 포맷팅)
방법은 다음과 같다.
전역 설치
gem install htmlbeautifier
vs code의 터미널에서 위 명령어를 기입하라. 전역으로 설치된다.
which htmlbeautifier
이 명령어를 기입하면 위치를 알 수 있다.
이후 vs code에 전역 설정을 세팅한다.
전역 설정 방법
- Cmd + Shift + P (Mac) 또는 Ctrl + Shift + P (Windows)
- "Preferences: Open User Settings (JSON)" 선택 ← 여기서 "User"가 전역.
settings.json에 다음과 같은 코드를 추가하고 저장하면 된다.
. . .
. . .
},
"[erb]": {
"editor.defaultFormatter": "aliariff.vscode-erb-beautify",
"editor.formatOnSave": true
}