안녕하세요 @realmankwon 입니다.
최근에 스니펫을 이용하여 vscode에서 편하게 개발을 하는 중입니다.
cmd + p 를 입력하고 snippet이라고 입력하면 아래와 같이 global로 설정할 수가 있습니다.
세부 설정을 하면 좋지만 저는 편한게 좋아서 기본으로 생성을 하였습니다.
이때 스니펫을 생성하는 데 도움이 되는 몇 가지 사이트가 있습니다. 그 중 일부는 다음과 같습니다:
1 . Snippet Generator(https://snippet-generator.app/) - 이 사이트는 HTML, CSS, JavaScript 및 React에 대한 스니펫 생성기를 제공합니다. 코드 조각을 입력하고 필요한 값을 선택하면 해당 코드를 자동으로 생성해 줍니다.
2 . SnippetMaker(https://snippetmaker.dev/) - 이 사이트는 JavaScript, TypeScript, React, Vue 및 HTML/CSS에 대한 스니펫 생성기를 제공합니다. 코드 조각을 입력하고 필요한 값을 선택하면 해당 코드를 자동으로 생성해 줍니다.
3 . Snipperize(https://snipperize.today/) - 이 사이트는 HTML, CSS, JavaScript 및 Python에 대한 스니펫 생성기를 제공합니다. 사용자 지정 코드 조각을 입력하거나 사이트에서 제공하는 템플릿 중 하나를 선택할 수 있습니다.
4 . Snippet Creator(https://snippetcreator.net/) - 이 사이트는 HTML, CSS, JavaScript, PHP, Python, Ruby 및 Swift에 대한 스니펫 생성기를 제공합니다. 코드 조각을 입력하고 필요한 값을 선택하면 해당 코드를 자동으로 생성해 줍니다.
해당 사이트에서 스니펫을 생성하고 그걸 그대로 로컬 파일에 붙여넣기하면 아주 잘 동작을 합니다.