【提高效率】VScode快速生成代码片段(代码模板)

我们在写代码的过程中,有些代码片段是需要经常写的,我们在VSCode中我们可以生成一个代码片段,方便我们快速生成,提高效率。
VSCode中的代码片段有固定的格式,如果是自己写那种格式的话,比较慢且可能会写错,所以我们一般会借助于一个在线工具来完成。
【提高效率】VScode快速生成代码片段(代码模板)

具体的步骤如下:

  • 第一步,复制自己需要生成代码片段的代码(这里以vue3生成app的代码片段为例);
  • 第二步,https://snippet-generator.app/在该网站中生成代码片段;
    【提高效率】VScode快速生成代码片段(代码模板)
  • 第三步,在VSCode中生成代码片段;
    【提高效率】VScode快速生成代码片段(代码模板)

代码片段是什么语言就选择什么。这里的代码片段是html,所以选html.json
【提高效率】VScode快速生成代码片段(代码模板)
【提高效率】VScode快速生成代码片段(代码模板)

【提高效率】VScode快速生成代码片段(代码模板)

上一篇:vscode 配置c++环境


下一篇:1.VSCode之编写Vue单文件组件时template标签报红