에디터에서 Herb Language Server 사용하기

Herb Language Server는 HTML+ERB 파일의 개발 경험을 혁신적으로 개선합니다. 이 도구는 Language Server Protocol (LSP)을 기반으로 하여 다양한 코드 에디터에서 일관되고 강력한 기능을 제공합니다.

주요 기능

• 진단 (Diagnostics): 코드 오류 및 잠재적 문제를 실시간으로 식별합니다.
• 구문 강조 (Syntax Highlighting): ERB 구문을 명확하게 구분하여 가독성을 높입니다.
• 포매팅 (Formatting): 코드 스타일을 일관되게 유지하고 가독성을 향상시키는 자동 포매팅 기능이 예정되어 있습니다.

에디터 통합

Herb Language Server는 현재 여러 인기 있는 에디터와 통합되어 있습니다.

• 기본 지원 에디터:
  • Cursor: Open VSX Registry를 통해 제공됩니다.
  • Helix: 터미널 기반의 모달 에디터로, 내장 LSP 지원을 활용합니다.
  • Neovim: 다양한 설정 옵션을 가진 LSP 환경을 지원합니다.
  • Sublime Text: Sublime LSP를 통한 LSP 설정이 가능합니다.
  • Vim: 전통적인 Vim 통합을 제공합니다.
  • Visual Studio Code: Visual Studio Marketplace에서 전체 기능 확장으로 제공됩니다.
  • Zed: 공식 Ruby 확장 내에 빌트인으로 포함되어 있습니다.
• 예정된 지원:
  • RubyMine: JetBrains IDE 지원이 계획되어 있으나 아직 제공되지 않습니다.

수동 설치 및 실행

위에 나열되지 않은 에디터를 사용하는 경우, LSP를 지원하는 모든 에디터에서 Herb Language Server를 수동으로 설정하여 사용할 수 있습니다.

• 전역 설치 방법:
  • npm: npm install -g @herb-tools/language-server
  • yarn: yarn global add @herb-tools/language-server
  • pnpm: pnpm add -g @herb-tools/language-server
  • bun: bun add -g @herb-tools/language-server
• 서버 실행:
  • herb-language-server --stdio 명령어를 사용하여 서버를 실행할 수 있습니다. --stdio, --node-ipc, --socket=<port>와 같은 옵션을 지원합니다.
• NPX를 이용한 빠른 시작:
  • 설치 없이 npx @herb-tools/language-server --stdio 명령어로 즉시 서버를 실행할 수 있습니다.