vscode 用户代码片段 vue初始化模板 Snippet #新加入开头注释 自动生成文件名 开发日期时间等内容

Posted pengchenggang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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初始化页面"
  }

}

 

以上是关于vscode 用户代码片段 vue初始化模板 Snippet #新加入开头注释 自动生成文件名 开发日期时间等内容的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段2——.vue文件的模板

vsCode写vue项目一键生成.vue模板

vscode 新建vue模板

vscode vue快速新建模板