VS code代码片段

代码片段的作用及生成方式

在我们使用vue的过程中,有些代码片段是经常需要些的,我们就可以在VS code中生成一个代码片段,方便我们快速生成
VS code的代码片段有固定的格式,所以我们一般会借助一个在线工具来完成

代码片段的使用

1. 在VS code中,找到文件 ==> 首选项 ==> 配置用户代码片段 ==> 选择html.json

注:如果要在 .html文件中使用,就选择HTML,如果要在vue中使用,就使用vue.json

image.png image.png

2.打开网站:

https://snippet-generator.app/

3.在代码转换工具中转换代码

image.png

4.最后将复制好的代码粘贴到之前打开的html.json文件中即可

image.png

5.如果想要使用，可以输入prefix中的内容快速生成

image.png

6.使用代码片段

在我们的页面中输入步骤5中prefix后的快捷指令,之后回车,就可以生成代码片段了

image.png

)