1.文件配置作者信息、代码修改日期
第一步:vscode中下载插件koroFileHeader;
第二步:在下角设置 —>设置—>打开settings.json文件;
第三步:复制代码段到settings.json;
// 文件头部注释
“fileheader.customMade”: {
“Descripttion”:"",
“version”:"",
“Author”:“Rukawa”,
“Date”:“Do not edit”,
“LastEditors”:“Rukawa”,
“LastEditTime”:“Do not Edit”
},//函数注释
“fileheader.cursorMode”: {
“name”:"",
“msg”:"",
“param”:"",
“return”:""
},
快捷键:ctrl + alt + i 生成头部注释
快捷键:ctrl + alt + t 生成函数注释
自定义vue组件模板
第一步:文件—>首选项—>用户片段—>输入vue,选择vue(vue.json),在vue.json中输入以下代码:
代码:
{
"Print to console": {(Print to console必须有)
"prefix": "vue",
"body": [
"<template>",
" <div class=\"$1\">",
" </div>",
"</template>\n",
"<script>",
"export default {",
" name: 'vueName',",
" props: {\n",
" },",
" data() {",
" return {\n",
" };",
" },",
" computed: {\n",
" },",
" created() {\n",
" },",
" mounted() {\n",
" },",
" watch: {\n",
" },",
" methods: {\n",
" },",
" components: {\n",
" },",
"};",
"</script>\n",
"<style scoped lang = \"less\">\n",
"</style>\n",
],
"description": "Create vue template"
}
}