VS Code 코드 조각 관리자를 만들었습니다.

2961 단어 vscodetooling
안녕하세요. 코딩 속도를 높이기 위해 VS Code 코드 스니펫을 자주 사용합니다. 일부 스니펫을 만들고 일부 특수 구문을 사용하여 스니펫을 변환할 수 있는(대문자화 및 uuid 생성과 같은) VS Code의 매우 유용한 기능입니다.

예를 들어 이 스니펫을 사용하여 setState 코드를 빠르게 생성할 수 있습니다.

const [$1, set${1/(.*)/${1:/capitalize}/}] = useState($2)




하지만 VS Code의 스니펫 파일은 JSON 파일이기 때문에 스니펫을 유지하기가 매우 어렵습니다. 스 니펫의 모든 줄은 다음과 같이 배열로 분리되었습니다.

{
  "For Loop": {
    "prefix": ["for", "for-const"],
    "body": ["for (const ${2:element} of ${1:array}) {", "\t$0", "}"],
    "description": "A for loop."
  }
}


VS Code에서 스니펫을 더 쉽게 유지하기 위해 코드 스니펫 관리자 도구를 만들어 자연스러운 방식으로 스니펫을 작성한 다음 한 번의 클릭으로 VS Code에 동기화했습니다.



지금 다운로드할 수 있습니다: https://codespeedy.randyloop.com

윈도우와 macOS를 지원합니다. 그리고 앱 크기는 7MB에 불과합니다(전자 없음).

얼마나 많은 사용자가 있을지 확신할 수 없기 때문에 아직 오픈 소스가 아닙니다.

좋은 웹페이지 즐겨찾기