Ctrl ACV工程师的提效之路——snippets代码片段

181 阅读1分钟

我们使用plop避开了大量的Ctrl ACV操作(Ctrl ACV工程师的提效之路——plop自动生成代码),但在开发过程中还是免不了去别的页面拷贝一些比较小块的代码。为了进一步简化操作,我们使用VSCodesnippets功能自定义一些代码片段。

可以看看VSCode插件Vue2 Snippets plus的效果:

输入v2Next,编辑器自动出现对应的代码片段:

截屏2024-05-01 10.22.46.png

回车之后,预先设置的代码片段就自动输入了:

截屏2024-05-01 10.22.59.png

我们根据自己的业务需要,可以自定义一些代码片段来提升我们的开发效率。

自己试一试

第一步:选择首选项-配置用户代码片段

截屏2024-05-01 11.19.16.png

第二步:选择vue.json

截屏2024-05-05 17.57.14.png

第三步:根据业务编写代码片段

截屏2024-05-05 18.02.05.png

第四步:代码中输入关键字,即可自动输入预先设置的代码片段

截屏2024-05-05 18.03.55.png

如上图,我们想给BasicModal设置统一的高度和其他属性,可以在代码片段里预先写好,让业务代码尽量统一。