Wishket Frontend Snippets

Wishket-Frontend-Snippets

Wishket-Frontend-Snippets는 템플릿을 사용해서 새 파일을 빠르고 쉽게 생성할 수 있는 Visual Studio Code 확장 프로그램이에요.

• 미리 만들어놓은 템플릿으로 파일을 생성할 수 있어요.

• 나만의 템플릿이 필요할때도 추가해서 사용할 수 있어요.

  • 그 템플릿이 자주 쓰일 것 같으면 기여해주세요.

사용 방법

1. 확장 프로그램 설치

vscode에서 wishket을 검색해서 설치할 수 있어요.

2. 위시켓 템플릿 만들기

1. 템플릿을 만들고 싶은 폴더에 마우스 오른쪽 클릭을 한 뒤 I wish Wishket Snippets를 클릭하세요.
2. 원하는 템플릿을 고르세요.
3. 파일 이름을 입력하면 생성이 완료돼요.

https://github.com/user-attachments/assets/c7f2f0d2-5a4f-4263-adfc-4b4a4b4223b4

위시켓 템플릿은 v0.1.5 기준 디자인 시스템 템플릿만 선언되어있어요.

3. 나만의 템플릿 만들기

3.1. 프로젝트의 루트 경로에 customTemplates 폴더 생성하기

• 중요해요
  • 프로젝트의 루트 경로에 생성해야 해요.
  • 폴더 이름은 반드시 customTemplates여야 해요.

3.2. 템플릿 생성하기

1. customTemplates 폴더 안에 생성해요.
2. 파일 이름과 코드에서 {{ name }}는 생성 시 입력한 값으로 대체될 거예요.
3. 여러 템플릿을 한 번에 폴더에 생성할 수 있어요.

• 중요해요
  • 템플릿은 최대 1단계 깊이(depth)까지만 생성할 수 있어요.
    • 즉, 폴더 안에 또 다른 폴더를 만드는 것은 허용되지 않아요.

4. 예시

4.1 단일 템플릿 생성하기

https://github.com/yogjin/Create-Files-With-Custom-Template/assets/33623078/3401fd52-ecf8-47e1-ae6a-46a5642f5d79

4.2 여러 템플릿 생성하기

https://github.com/yogjin/Create-Files-With-Custom-Template/assets/33623078/82fe95f8-95d3-4fff-b7be-54069896acbe