toktion README

똑개 FE 개발자 분들을 위한 vscode extension 입니다.

Features

File To Component Folder

단일 파일로 작성 된 컴포넌트 구현사항을 똑개 컨벤션에 맞춰 폴더로 변환시켜주는 기능입니다. 파일을 우클릭 하여 나오는 메뉴에서 실행 할 수 있습니다.

Component.tsx

• Component/components
• Component/hooks
• Component/Component.tsx
• Component/index.ts

Code Snippets

똑똑한개발자에서 사용하는 컨벤션 코드 스니펫을 제공 합니다.

tok-<name>

제공하는 스니펫

• Component
• Page
• React-Hook-Form
• ChakraThemeComponent
• Tanstack-Query Mutate
• Chakra-UI useDisclosure
• NativeBase useDisclose

지원하는 확장자

• js,jsx,ts,tsx

Wrap Function UseMemo

함수에 useMemo를 래핑합니다.

Remove UseMemo of Function

함수에 useMemo를 제거합니다.

Wrap Function UseCallback

함수에 useCallback을 래핑합니다.

Remove UseCallback of Function

함수에 useCallback을 제거합니다.

실행 방법

F5 를 누르면 extension 이 실행중인 vscode 창이 실행됩니다.

Command 등록하기

1. src/extension.ts 에서 CommandRegister 을 통해 커멘드 등록하기
2. package.json 의 contributes.commands 에 등록한 키값과 동일한 키값으로 커멘드 작성하기

   package.json 에 등록할시, 'toktion-fe.' prefix 로 함께 붙여주세요

• Extension Guidelines