VS код, как создавать шаблоны для расширений файлов - PullRequest
Новая
       7

VS код, как создавать шаблоны для расширений файлов

0 голосов
/ 28 мая 2018

В моих проектах vue.js почти все время Мне нужен этот фрагмент кода в качестве шаблона.

<template>
    <div>
    </div>
<template>

<script>

export default{
    data(){
    return{
    }
    },
    methods:{
    },
    created(){
    }
}
</script>

<style scoped>
</style>

Мой вопрос , это способ сообщить код VS каждый раз, когда я создаю файл с расширением .vue , пожалуйста, добавьте это автоматическифрагмент к файлу.

Я просто хочу, чтобы при создании нового файла с определенным расширением предопределенный шаблон для этого расширения автоматически добавлялся в файл.

1 Ответ

0 голосов
/ 28 мая 2018

Нет, не изначально.Но есть расширение под названием File Templates for VSCode , которое позволяет вам создавать свои собственные шаблоны файлов и генерировать из них.Но я думаю, что вам было бы полезно сделать расширение, чтобы сделать именно это и, возможно, даже больше.

Тем временем вы можете использовать фрагмент для генерации этого вместо необходимости копировать вставить.

Перейдите к Файл> Настройки> Пользовательские фрагменты и выберите Vue из выпадающего списка.Vue будет отображаться только в том случае, если вы установили расширение, поддерживающее этот тип файлов.В этом случае я бы порекомендовал Vetur , но, возможно, он у вас уже есть.

Затем просто добавьте эту запись в файл vue.json: 

"vuetpl" : {
        "body": [
            "<template>",
            "\t<div>",
            "\t\t$0",
            "\t</div>",
            "</template>",

            "<script>",

            "export default{",
            "\tdata(){",
                "\t\treturn{",
                    "\t\t\t",
                "\t\t}",
            "\t},",
            "\tmethods:{",
                "\t\t",
            "\t},",
            "\tcreated(){",
                "\t\t",
            "\t}",
            "}",
            "</script>",

            "<style scoped>",
            "</style>",
        ],
        "prefix": "vuetpl",
        "description": "Creates a new template."
    }

Затем, когда вы создаете новый файл .vue, просто введите vuetpl и нажмите tab для автозаполнения, и вы получите следующее:

Template

...