Skip to content

什么是 Pre Code?

用EJS模板生成代码的VSCode插件

背景

前端项目中,很多页面会有类似的代码结构,比如表格页面通常有表格列以及分页器等内容,我们一般会通过复制类似结构的页面,再适当调整页面内容,达到业务要求。

如果复制的页面比较复杂,就需要花费很多时间进行调整,这种情况下,我们可以抽离出一些通用的代码,再通过配置的方式生成页面代码。

plop就在这样一种工具,使用的同学应该会知道,要用plop来配置一个灵活性很高的页面还是挺困难的,毕竟是在终端进行交互。

Pre Code就是为了解决plop交互困难而开发的一款VSCode插件。

特点

  • 方便快捷

plop相比,Pre Code是一款VSCode 插件,在页面编辑器中展示入口,无需打开终端,无需安装依赖,使用非常方便快捷。

  • 动态生成

通过EJS模板引擎,根据动态参数生成页面,具备高度定制化能力

  • 可视化

通过页面进行配置,可以实时预览导出数据,方便调整页面模板