快速生成vue模版

因爲看到團隊成員都在複製粘貼代碼，秉着偷懶的原則，因此給成員們提供一個快速生成vue模板的方法。

編輯器：vscode

點擊項目左下角的齒輪，選擇用戶代碼片斷，能夠選擇全局或者vue.json

"ZCSVueTemplate": {
    // "scope": "javascript,typescript",
    "prefix": "vue",
    "body": [
      "<template>",
      " <div class='${1:container}'>\n",
      " </div>",
      "</template>\n",
      "<script>",
      "export default {",
      " name: '${2:vue}',",
      " props: {},",
      " data() {",
      " return {};",
      " },",
      " computed: {},",
      " created() {},",
      " methods: {},",
      "};",
      "</script>\n",
      "<style scoped lang='postcss'>\n",
      "</style>\n",
    ],
    "description": "Create vue template"
  }
複製代碼

其中$1,$2是光標所在位置，默認在第一位，按下tab進入$2的位置。

${1:container}中的container是默認輸入

最後把次json文件放在項目根目錄的 .vscode目錄下，由於要團隊共享

感受效率又提升了。