vscode自定義代碼片段，自定義注釋片段（動態時間）

下載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"
  }
}

---

配置項詳解

配置項目	作用
$0	為默認鼠標光標位置
“prefix”: “vue”	設置快捷指令為vue
“body”: [ ]	內部為自定義代碼片段內容
“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"
  }
}

訂閱查看

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

微信搜索“王永傑的網絡日志”或者掃描二維碼，即可查看訂閱。

（完）