VSCode를 사용하여 vue 파일 템플릿을 빠르게 만드는 방법 소개

VSCode에서 코드 템플릿을 사용자 정의하는 방법은 무엇입니까? 다음 기사에서는 VSCode vue 파일 템플릿을 빠르게 만드는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

관련 권장 사항: "vscode 기본 튜토리얼"

위치 수정

vscode 환경 설정 열기 - 사용자 스니펫, 기존 파일 이름을 검색하거나 새 json 파일을 생성할 수 있습니다.

커스텀 템플릿 만들기

{
"Print to console": {
"prefix": "ybase",
"body": [
"<template>",
"  <div>",
"    <!-- Page -->",
"  </div>",
"</template>",
"<script>",
"import { Vue, Component } from \"vue-property-decorator\";",
"",
"@Component({})",
"export default class NAME extends Vue {",
"  // component",
"}",
"</script>",
"<style>",
"// style",
"</style>",
""
],
"description": "YBASE"
}
}

사용방법

위에서 만든 것은 vue 파일 템플릿을 빠르게 만들기 위한 것입니다.
새 페이지 생성 후 구성된 단축키 명령어 "ybase"를 통해 빠르게 페이지 코드를 생성할 수 있습니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !

위 내용은 VSCode를 사용하여 vue 파일 템플릿을 빠르게 만드는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!