VSCode에서 코드 템플릿을 사용자 정의하는 방법은 무엇입니까? 다음 기사에서는 VSCode vue 파일 템플릿을 빠르게 만드는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
관련 권장 사항: "vscode 기본 튜토리얼"
위치 수정
vscode 환경 설정 열기 - 사용자 스니펫, 기존 파일 이름을 검색하거나 새 json 파일을 생성할 수 있습니다.
커스텀 템플릿 만들기
{
"Print to console": {
"prefix": "ybase",
"body": [
"<template>",
" <div>",
" <!-- Page -->",
" </div>",
"</template>",
"<script lang=\"ts\">",
"import { Vue, Component } from \"vue-property-decorator\";",
"",
"@Component({})",
"export default class NAME extends Vue {",
" // component",
"}",
"</script>",
"<style lang=\"scss\">",
"// style",
"</style>",
""
],
"description": "YBASE"
}
}사용방법
위에서 만든 것은 vue 파일 템플릿을 빠르게 만들기 위한 것입니다.
새 페이지 생성 후 구성된 단축키 명령어 "ybase"를 통해 빠르게 페이지 코드를 생성할 수 있습니다.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !
위 내용은 VSCode를 사용하여 vue 파일 템플릿을 빠르게 만드는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
