VSCode에서 사용자 정의 템플릿을 구성하고 생성하는 방법에 대한 간략한 설명

VSCode를 사용하여 사용자 정의 템플릿을 빠르게 생성하는 방법은 무엇입니까? 이 글에서는 VSCode에서 사용자 정의 템플릿을 구성하고 생성하는 방법을 소개합니다.

1. VSCode 설치

다운로드 주소 : https://code.visualstudio.com/

설치가 완료되면 vsCode를 시작하고, 여기서 10,000단어를 생략하세요.... [추천학습] : "vscode tutorial"】

2. VSCode 콘솔 호출

Windows 단축키: Ctrl + Shift + P

macOS 단축키: command + Shift + P

3. "snippets"를 입력하고

을 선택합니다. vue) vue.json

6을 선택하면 vsCode는 다음과 같이 vue.json 파일을 자동으로 생성합니다

7. 개인 필요에 따라 수정 가능)

{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"  <div></div>",
"</template>",
"",
"<script>",
"export default {",
"  components: {},",
"  props: {},",
"  data() {",
"    return {",
"    };",
"  },",
"  watch: {},",
"  computed: {},",
"  methods: {},",
"  created() {},",
"  mounted() {}",
"};",
"</script>",
"<style lang=\"scss\" scoped>",
"</style>"
],
"description": "A vue file template"
}
}

8. 프로젝트에 새 vue 파일을 만들고 Enter 키나 Tab 키를 누르면 템플릿이 자동으로 생성됩니다

원본 주소: https: //juejin.cn/post/6974605121942454280저자: Sanzhu Technical Team

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 입문

을 방문하세요! !

위 내용은 VSCode에서 사용자 정의 템플릿을 구성하고 생성하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!