Pre Code

Appearance

快速开始 ​

安装插件 ​

VSCode 插件市场搜索Pre Code，安装即可，无需配置。 alt text

插件入口 ​

  1. 点击编辑器右上角的Pre Code按钮

alt text

  1. 编辑器内点击，右键菜单的 Pre Code 选项，会在鼠标所在位置插入代码。

alt text

操作指引 ​

  1. 添加配置项，可选类型为表格/表单

alt text

  1. 点击任意一个配置项，进入配置页面

alt text

  1. 表格/表单配置页面有不同的配置内容

alt text

alt text

  1. 添加模板文件并选中

alt text

alt text

如何编写模板文件见后文，模板名称自定义即可

  1. 输入生成文件名称，选择后缀名，后缀名支持 vue、jsx 和 tsx，即vue组件和react组件

alt text

  1. 添加全局属性和表格或表单属性

alt text

如何添加属性见后文

  1. 预览导出到模板中的数据，根据导出的数据调整模板文件

alt text

  1. 点击 生成代码 按钮，选择生成文件所在目录，即可生成代码

alt text