VSCode 통합

소스 URL: https://next-intl.dev/docs/workflows/vscode-integration

문서워크플로 및 통합VSCode 통합

VSCode 통합

동영상으로 보는 것을 선호하시나요?

에디터 도구

코드 에디터에서 바로 메시지를 관리하는 워크플로를 개선하려면, next-intl을 지원하는 VSCode 확장을 사용할 수 있습니다.

다음 확장들이 next-intl을 지원하는 것으로 알려져 있습니다:

1. i18n Ally
2. Loccy
3. Sherlock

i18n Ally

주요 기능:

• 메시지 추출
• 인라인 주석
• 인라인 메시지 편집
• 기계 번역

설정:

1. i18n Ally를 설치합니다
2. 워크스페이스 설정을 통해 프로젝트에서 확장을 구성합니다

.vscode/settings.json

    "i18n-ally.localesPaths": ["./path/to/your/messages"], // E.g. "./messages"
    "i18n-ally.keystyle": "nested"

자세한 내용은 i18n Ally 문서에서 확인하세요.

Loccy

주요 기능:

• 메시지 추출
• 인라인 주석
• 인라인 메시지 편집
• 메시지 생성, 기계 번역 등을 위한 AI 강화 기능(유료)

설정:

1. Loccy를 설치하면 i18n 설정을 자동으로 감지합니다
2. 고급 구성을 위해 명령 팔레트에서 Loccy: Create Config File을 실행합니다

자세한 내용은 Loccy 웹사이트에서 확인하세요.

Sherlock

주요 기능:

• 메시지 추출
• 인라인 주석
• 인라인 메시지 편집

설정:

1. Sherlock VS Code 확장을 설치합니다
2. project.inlang/settings.json을 통해 프로젝트에서 확장을 구성합니다:

project.inlang/settings.json

    {
      "$schema": "https://inlang.com/schema/project-settings",
      "sourceLanguageTag": "en",
      "languageTags": ["en", "de"],
      "modules": [
        "https://cdn.jsdelivr.net/npm/@inlang/plugin-next-intl@latest/dist/index.js"
      ],
      "plugin.inlang.nextIntl": {
        "pathPattern": "./messages/{languageTag}.json"
      }
    }

자세한 내용은 inlang 문서에서 확인하세요.