BXUI Code Snippets with snippets.json Configuration

BX-UI 프레임워크를 위한 VS Code 코드 스니펫 확장입니다. .bxui/snippets.json 설정 파일을 통해 개인화된 스니펫 값을 제공합니다.

기능

• BX-UI 프레임워크용 다양한 코드 스니펫 제공
• .bxui/snippets.json 설정 파일을 통한 개인화된 스니펫 설정
• 동적 스니펫 생성 및 자동완성
• 실시간 설정 파일 감지 및 리로드

설치 및 설정

1. 확장 설치

VS Code 확장 마켓플레이스에서 "BXUI Code Snippets"를 검색하여 설치하세요.

2. snippets.json 설정 파일 생성

프로젝트 루트 디렉토리에 .bxui/snippets.json 파일을 생성하세요:

{
  "defaultProxyParam": "apiUrl: \"/api/sample\",\n    method: \"POST\"",
  "customSnippets": {
    "custom-api": "const api = {\n  url: \"${1:apiUrl}\",\n  method: \"${2:GET}\",\n  data: {\n    ${0}\n  }\n}"
  },
  "author": "홍길동 (gildong@bankwareglobal.com)",
  "projectName": "BXUI Project"
}

snippets.json 설정을 통한 스니펫 개선

BXUI Create proxy call 스니펫 개선

기존 스니펫에서 ${1}로 입력받던 부분을 .bxui/snippets.json 파일의 defaultProxyParam 설정으로 대체됩니다:

기존 스니펫:

const param = {
  ${1}  // 사용자가 직접 입력
}

개선된 스니펫 (bxui-proxy-enhanced):

const param = {
  apiUrl: "/api/sample",
    method: "POST"  // snippets.json 에서 자동으로 설정
}

사용 방법

기본 스니펫