본문 바로가기
루비 온 레일즈

erb 확장자 prettier 설정하는 방법

by 코딩의 세계 2025. 10. 24.


erb에서 prettier 비스무리한 것을 적용할 수 있다. (코드 자동 포맷팅)

방법은 다음과 같다.

전역 설치
gem install htmlbeautifier

vs code의 터미널에서 위 명령어를 기입하라. 전역으로 설치된다.

which htmlbeautifier

이 명령어를 기입하면 위치를 알 수 있다.


이후 vs code에 전역 설정을 세팅한다.

전역 설정 방법 

  1. Cmd + Shift + P (Mac) 또는 Ctrl + Shift + P (Windows)
  2. "Preferences: Open User Settings (JSON)" 선택 ← 여기서 "User"가 전역.

settings.json에 다음과 같은 코드를 추가하고 저장하면 된다.

	. . .
  	. . .
  },  
  "[erb]": {
    "editor.defaultFormatter": "aliariff.vscode-erb-beautify",
    "editor.formatOnSave": true
  }