在VScode中創(chuàng)建你的代碼模板的方法

使用VScode的用戶代碼片段功能，來生成自己習慣的代碼模板，提升開發(fā)效率

1.選擇菜單里的 文件 > 首選項 > 用戶代碼片段

2.選擇你需要自定義模板的文件，以vue為例

3. 配置對應文件json

把代碼片段寫在json里。每個代碼段都是在一個代碼片段名稱下定義的，并且有prefix、body和description。prefix是用來觸發(fā)代碼片段的。使用 $1，$2 等指定光標位置，這些數(shù)字指定了光標跳轉的順序，$0表示最終光標位置。

{
 "vue-template": {
  "prefix": "vue",
  "body": [
   "template>",
   " div class=\"$1\">",
   "",
   " /div>",
   "/template>",
   "",
   "script>",
   "export default {",
   " name: '$1',",
   " data() { ",
   "  return {",
   "",
   "  }",
   " }",
   " }",
   "/script>",
   "",
   "style lang=\"\" scoped>",
   " .$1{",
   "",
   " }",
   "/style>"

  ],
  "description": "my vue template"
 }
}

還有更復雜的用法…一般也用不到，我就不在這里寫了。

到此這篇關于在VScode中創(chuàng)建你的代碼模板的方法的文章就介紹到這了,更多相關VScode創(chuàng)建代碼模板內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！