zoukankan      html  css  js  c++  java
  • 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初始化页面"
      }
    
    }
  • 相关阅读:
    vue中使用keepAlive(缓存页面&记忆上次浏览位置)及使用后生命周期的改变
    vue搭配antD-Vue开发项目(一)
    vscode使用
    vue移动端项目经验(三)
    [CF960F] Pathwalks
    [CF1004E] Sonya and Ice-cream
    [CF1142B] Lynyrd Skynyrd
    [CF55D] Beautiful numbers
    [洛谷P4438] HNOI2018 道路
    JOI2019 有趣的家庭菜园3
  • 原文地址:https://www.cnblogs.com/pengchenggang/p/10348748.html
Copyright © 2011-2022 走看看