vscode如何創建代碼模板

vscode如何創建代碼模板

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

vscode如何創建代碼模板

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

vscode如何創建代碼模板

配置對應文件json

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

{ ??"vue-template":?{ ????"prefix":?"vue", ????"body":?[ ??????"<template>", ??????"??<div>", ??????"", ??????"??</div>", ??????"</template>", ??????"", ??????"<script>",       "export default {",       "  name: &#39;$1&#39;,",       "  data() { ",       "    return {",       "",       "    }",       "  }",       " }",       "</script>", ??????"", ??????"<style>",       "  .$1{",       "",       "  }",       "</style>"  ????], ????"description":?"my?vue?template" ??} }

相關文章教程推薦:vscode教程

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享