新建自己习惯的vue代码块,提高开发速度。
1. 左下角设置,或者工具栏里【文件】-【首选项】-【用户代码片段】
2. 新建或修改vue.json代码片段
3. 若无vue.json,则新建
因为我已经有了就是这样,如果你也已经有vue.json文件,再上一步直接搜索vue.json文件更改即可。
以下代码片段可供参考,prefix的值‘s’即为新建vue文件后生成模板的快捷键,可改为自己习惯的命令。
{
"Print to console": {
"prefix": "s",
"body": [
"<template>",
"\t<div class=\"\">\n\t\t$2\n\t</div>",
"</template>",
"",
"<script>",
"export default {",
"\tcomponents: {",
"",
"\t},",
"\tdata() {",
"\t\treturn {",
"",
"\t\t}",
"\t},",
"\tcomputed: {",
"",
"\t},",
"\tcreated() {",
"",
"\t},",
"\tmounted() {",
"",
"\t},",
"\tmethods: {",
"",
"\t}",
"}",
"</script>",
"",
"<style lang='scss' scoped>",
"",
"</style>",
""
],
"description": "tplv output to vue-template"
}
}