轉載001：使用vscode，新建.vue文件，tab自動生成vue代碼模板

原文部分：

第一步: 新建模板並保存

文件 --> 首選項 --> 用戶代碼片斷 --> 輸入vue，選擇vue.json -->複製 第三步中的模板內容中內容保存

第二步: 添加配置，讓vscode容許自定義的代碼片斷提示出來

文件 --> 首選項 --> 設置 ---> 添加這2項

// Specifies the location of snippets in the suggestion widget
"editor.snippetSuggestions": "top",
// Controls whether format on paste is on or off
"editor.formatOnPaste": true

第三步: 複製如下代碼，保存重啓vscode

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"page\">\n",
            "  </div>",
            "</template>\n",
            "<script type=\"text/ecmascript-6\">",
            "export default {",
            "  data() {",
            "    return {\n",
            "    }",
            "  },",
            "  components: {\n",
            "  }",
            "}",
            "</script>\n",
            "<style scoped lang=\"stylus\">",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

第四步:測試是否添加成功

測試方法： 新建vue後綴文件，輸入vue，按下tab鍵，OK

我本身的部分

vue.json 中的具體內容：

{
	
	"editor.snippetSuggestions": "top",
	"editor.formatOnPaste": true,

	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"className\">\n",
            "  </div>",
            "</template>\n",
			"<script>\n",
			"/****************",
			" *@author   : Season",
			" *@date     : 2018-xx-xx",
			" *@direction: 相關描述",
			"****************/\n",
            "export default {",
            "  data() {",
            "    return {\n",
            "    }",
            "  },",
            "  components: {\n",
            "  }",
            "}",
            "</script>\n",
            "<style lang=\"scss\">\n",
            "</style>",
            "$2"
        ],
        "description": "Log output to console"
    }
}

實測更新：2018-04-10 23:38

    a. 上段代碼中 「Print to console」 做爲一個 key，能夠本身更改;

    b. description 後面的值（「字符串」）是提示語句，能夠本身修改爲相關提示，能夠漢語；

    c. 我使用這種方式 也能夠爲 phyon 添加相似的功能。猜想，這是 vscode 編輯器的功能，應該有 **.json 文件的 **語言均可以。