VScode 代码片段

108 阅读1分钟

1.解释

1. ### 解释 "prefix": "vue5", 输出模版文件名

2. ### 解释 $TM_FILENAME_BASE, 当前文件名

3. ### 解释 ${1:less}, 变量类型


{ 
  "Print to console": {
  "prefix": "vue5",
  "body": [
  "<!--",
  "  作者:yanggang",
  "  邮箱:1141950132@qq.com",
  "  时间:$CURRENT_YEAR年$CURRENT_MONTH月$CURRENT_DATE日 $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
  "  版本:v1.0",
  "  修改记录:",
  "  修改内容:",
  "  修改人员:",
  "  修改时间:",
  "-->",
  "<template>",
  "  <div>\n",
  "  </div>",
  "</template>\n",
  "",
  "<script>",
  "export default {",
	" name: \"$TM_FILENAME_BASE\",",
  "  props: {},",
  "  components: {},",
  "  data () {",
  "    return {}",
  "  },",
  "  computed: {},",
  "  watch: {},",
  "  methods: {},",
  "  mounted () {",
  "  },",
  "  // 以下是生命周期钩子   注:没用到的钩子请自行删除",
  "  beforeCreate () {",
  "  },",
  "  /**",
  "  * 组件实例创建完成,属性已绑定,但DOM还未生成,$ el属性还不存在",
  "  */",
  "  created () {",
  "  },",
  "  /**",
  "  * 在挂载开始之前被调用:相关的 render 函数首次被调用。",
  "  */",
  "  beforeMount () {",
  "  },",

  "  beforeUpdate () {",
  "  },",
  "  updated () {",
  "  },",
  "  /**",
  "  * keep-alive 组件激活时调用。 仅针对keep-alive 组件有效",
  "  */",
  "  activated () {",
  "  },",
  "  /**",
  "  * keep-alive 组件停用时调用。 仅针对keep-alive 组件有效",
  "  */",
  "  deactivated () {",
  "  },",
  "  /**",
  "  * 实例销毁之前调用。在这一步,实例仍然完全可用。",
  "  */",
  "  beforeDestroy () {",
  "  },",
  "  destroyed () {",
  "  }",
  "}",
  "</script> ",
  "",
  "<style scoped lang=\"${1:less}\">\n",
  "",
  "</style>",
  "$2"
         ],
  "description": "Log output to console"
     }
 }