我们使用plop避开了大量的Ctrl ACV操作(Ctrl ACV工程师的提效之路——plop自动生成代码),但在开发过程中还是免不了去别的页面拷贝一些比较小块的代码。为了进一步简化操作,我们使用VSCode的snippets功能自定义一些代码片段。
可以看看VSCode插件Vue2 Snippets plus的效果:
输入v2Next,编辑器自动出现对应的代码片段:
回车之后,预先设置的代码片段就自动输入了:
我们根据自己的业务需要,可以自定义一些代码片段来提升我们的开发效率。
自己试一试
第一步:选择首选项-配置用户代码片段
第二步:选择vue.json
第三步:根据业务编写代码片段
第四步:代码中输入关键字,即可自动输入预先设置的代码片段
如上图,我们想给BasicModal设置统一的高度和其他属性,可以在代码片段里预先写好,让业务代码尽量统一。