VSCode配置代码片段

186 阅读1分钟

背景

日常开发过程中,有些代码需要经常编写。比如新建个vue文件的时候,需要重新开始编写template,style,script这些代码结构,就会比较繁琐。这种情况下,可以借助VSCode,配置快捷键,生成代码片段。

步骤

第一步,复制自己需要生成代码片段的代码;

第二步,snippet-generator.app/ 在该网站中生成代码片段; image.png

第三步,在VSCode中配置代码片段 image.png

要配置的vue文件,所以选择vue.json image.png

将生成的配置代码复制到vue.json中,可配置多个 image.png