新建一个vue项目时,最烦人的就是需要重新写一套组件模板,自己打太慢,那就自己设置一个模板一键输出:
输出效果如下:
怎么做到的呢?步骤如下:
打开vscode ->文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定
全选复制下面代码:
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"<div></div>",
"</template>",
"",
"<script>",
"",
"export default {",
"//import引入的组件",
"components: {},",
"data() {",
"return {",
"",
"};",
"},",
"//方法集合",
"methods: {",
"",
"},",
"//生命周期 - 挂载完成(可以访问DOM元素)",
"mounted() {",
"",
"},",
"}",
"</script>",
"<style >",
"</style>"
],
"description": "console log()"
}
}
prefix的值“vue”就是你设定的快捷键。如新建一个vue文件,输入 vue 按回车,你要的模板就全部输入好了