代码片段的作用及生成方式
在我们使用vue的过程中,有些代码片段是经常需要些的,我们就可以在VS code中生成一个代码片段,方便我们快速生成
VS code的代码片段有固定的格式,所以我们一般会借助一个在线工具来完成
代码片段的使用
1. 在VS code中,找到文件 ==> 首选项 ==> 用户片段 ==> 选择HTML
注:如果要在 .html文件中使用,就选择HTML,如果要在vue中使用,就使用Vue
2.打开网站:
https://snippet-generator.app/
3.在代码转换工具中转换代码![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e4d81912ef887dac4a900c9b0039348b.png)
4.最后将复制好的代码粘贴到之前打开的html.json文件中即可
5.如果想要使用,可以输入prefix中的内容快速生成
6.使用代码片段
在我们的页面中输入步骤5中prefix后的快捷指令,之后回车,就可以生成代码片段了