vscode 使用者代碼片段 vue初始化模闆 Snippet #新加入開頭注釋 自動生成檔案名 開發日期時間等内容

vue檔案模闆

模闆變量

​​https://code.visualstudio.com/docs/editor/userdefinedsnippets#_variables​​

vue.json

{
  // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
  // same ids are connected.
  // Example:
  // "Print to console": {
  //     "prefix": "log",
  //     "body": [
  //         "console.log('$1');",
  //         "$2"
  //     ],
  //     "description": "Log output to console"
  // }

  "vue": {
    "prefix": "vue",
    "body": [
      "<!--",
      "* @description $1",
      "* @fileName $TM_FILENAME",
      "* @author 彭成剛",
      "* @date $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
      "* @version V1.0.0",
      "!-->",
      "<template>",
      "  <div>$0</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "",
      "  components: {},",
      "",
      "  computed: {},",
      "",
      "  //mounted: {},",
      "",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style lang='less' scoped>",
      "</style>"
    ],
    "description": "vue初始化頁面"
  }

}