在VSCode中创建一个.vue文件的模板
在一个Vue的项目中,反复的新建.vue文件是一个必不可少的工序。本着科技让人偷懒的原则,我们可以利用VSCode的snippet在.vue文件创建后能轻松地生成一套模板。整个过程是轻松加愉快的,只需几步即可。具体步骤如下使用Ctrl + Shift + P召唤出控制台,然后输入snippets(跟着自动提示走就行了)并选择。接下来输入vue并选择,VSCode会自动生成一个vue...
·
在一个Vue的项目中,反复的新建.vue
文件是一个必不可少的工序。本着科技让人偷懒的原则,我们可以利用VSCode的snippet在.vue
文件创建后能轻松地生成一套模板。
整个过程是轻松加愉快的,只需几步即可。
具体步骤如下
- 使用
Ctrl + Shift + P
召唤出控制台,然后输入snippets
(跟着自动提示走就行了)并选择。 - 接下来输入
vue
并选择,VSCode会自动生成一个vue.json
的文件。这里就是我们要输入模板的地方了。 - 输入模板,具体格式如下(这是我用的格式,当然也可根据自己的喜好进行修改)
其中$0
代表模板生成后,光标停留的位置。"Print to console":{ "prefix": "vue", "body": [ "<template>", " <div class=\"wrapper\">$0</div>", "</template>", "", "<script>", "export default {", " components:{},", " props:{},", " data(){", " return {", " }", " },", " watch:{},", " computed:{},", " methods:{},", " created(){},", " mounted(){}", "}", "</script>", "<style lang=\"scss\" scoped>", ".wrapper{}", "</style>" ], "description": "A vue file template" }
-
重启生效
更多推荐
已为社区贡献5条内容
所有评论(0)