老师，新创建一个vue时怎么快速生成这个基本dom结构呢？

同学你好，sublime中，也是需要安装插件的，可以按照sublimeTmpl插件，如下：

1、安装sublimeTmpl插件。

2、点开Preferences选择Browse Packages...,打开SublimeTmpl文件下的templates文件夹，新建一个vue.tmpl；vue.tmpl中存放模板结构。

3、打开 Preferences -> Package Settings -> SublimeTmpl -> Settings - Menu，例：

4、复制一项，然后粘贴修改为 vue 项，例：

5、保存修改，就会在新建菜单里面出现vue项，例：

6、如上选择就可以新建有结构的文件。也可以设置下快捷键，Preferences -> Package Settings -> SublimeTmpl -> Key Bindings - Default，

建议：同学以后在问题的可以直接表明是哪个编辑器哦，因为这个截图截的就是webstrom，所以这里以为同学使用的是webstrom。

另，学习初期，这些便签，建议：可以直接书写下哦。加深下印象。

希望能帮助到你，欢迎采纳。

祝学习愉快！

同学你好，这个是需要设置的。同学可以先查看下，在新建中有么有vue Component这一项，若是有这个的话，直接选择这个新建的就是有结构的。

若是没有这个的话，需要手动设置下。即：

1、首先打开webstrom软件在File菜单栏找到设置。例：

2、打开设置面板找到File and Code templates面板，新建一个文件格式,例：

3、在File and Code template面板的左上角找到加号新建，然后文件Name和文件Extension分别命名为Vue File和vue，例：

4、然后在新建的文件模板内容区添加模板内容如下，然后点击保存设置。

<template>

</template>
<script>
export default {
}
</script>
<style>

</style>

5、然后选中任意文件夹按鼠标右键找到新建文件New，既可以看到有了vue文件模板。选择这个模板新建.vue的文件，就有刚才设置的模板结构了。

希望能帮助到你，欢迎采纳。

祝学习愉快！