下載vscode

一、開啟vscode，點選左下角設定圖示。

二、點選使用者程式碼片段

三、點選新建全域性程式碼片段檔案

四、輸入自定義程式碼片段配置檔名，例如:vue.json

五、進行程式碼片段配置示例如下

{
  "Print to vue temaplate": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div class=\"wrapper\">$0</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '',",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  methods: {},",
      "  mounted () {}",
      "}",
      "</script>",
      "<style lang=\"less\" scoped>",
      "</style>\r"
    ],
    "description": "A vue2 file template"
  }
}


 

配置項詳解

至此自定義程式碼段配置完畢，以本文為例輸入vue按Tab補全就會出現自定義的程式碼。

附自定義註釋配置(動態時間)

{
  "Print to js method": {
    "prefix": "zhushi",
    "body": [
      "/*",
      " *@Author: 作者名",
      " *@Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      " *@Description: $0",
      "*/"
    ],
    "description": "A function comment"
  }
}
 

訂閱檢視

本內容同步更新在網站《王永傑的網路日誌》和《微信公眾號》。

微信搜尋“王永傑的網路日誌”或者掃描二維碼，即可檢視訂閱。

（完）