模板代码生成工具

快速配置 prop 和 label，生成 el-form 和 el-table 代码

快捷键

f12 打开组件定义文件（可追踪到入口工程）
f12 可打开$api.后的 api 定义文件
f12 可查找 vue 模板中的函数定义
ctrl+alt+f12 在浏览器打开组件文档（bs、el、uv）
ctrl+alt+f11 生成组件的导入语句
f9 可添加和删除一行 debugger（会覆盖 vscode 的快捷键，可关闭）
Ctrl + 数字键区 0-7（Mac: Cmd + Alt + 主键盘区 0-7）分别打开设置，侧面板表单、表格、api，前端文档、组件库、样式工具类，浏览器

实用功能

问题和 bug

一、模板生成

侧边栏点击图标，在侧边栏打开模板代码生成工具。

或者右键模板生成 - 表单生成/表格生成/API 生成，在侧边窗口打开模板代码生成工具。快捷键 Ctrl + 数字键区 1/2/3 Mac Cmd + Alt + 主键盘区 1/2/3

修改生成 html 数据的模板，可在设置中自定义。

识别剪切板中的文字或图片，文字以 /s 分割，图片需要注册百度 api 使用（暂不可用）。建议复制文字到记事本调整后识别，无法复制的可以用其他软件识别文字。

点击按钮可以获取另一个页面保存的数据，填入 prop 和 label。用于表格数据填入详情的填写表单，以及剪贴板识别错页面的情况。

label 含有“日期，时间，状态，类型，是否，名称，备注，金额，价，数，量”等关键字自动判断类型

以星号（*）开头的 label 自动开启必填规则，全局设置开启规则。

启用自定义内容后，可以对数据进行处理，比如金额和时间。在可编辑表格状态下，启用可编辑内容，选择嵌入表格的组件类型，包括 el 和 bs 的各种输入框和选择器。组件仅含默认属性，需要自行修改，可以跳转到该组件的参考文档。

识别剪切板文字，以 /s 分割满足/^(post|get|delete|put)$/i的设置为type 全是汉字的设置为name 满足/^(/[0-9a-zA-Z]+)*$/的设置为 url，前缀为 baseUrl 或 baseUrl2 的设置对应的 baseUrl
baseUrl、baseUrl2 和 url 必须由 n 个(/[0-9a-zA-Z])组成，如/a/b
method 由 method 前缀加上 url 的大驼峰组成
修改 baseUrl 会自动修改 method 前缀，从而修改每一项的 method baseUrl->methodPrefix->method
修改一项的 url 会自动修改该项的 method url->method

快捷键 Ctrl + 数字键区 0 Mac Cmd + Alt + 主键盘区 0

开启后表单/表格项数不显示 radio，表单项/列类型以 select 显示，不显示去翻译按钮。

文件夹会在新窗口打开，用于查看依赖和模板文件夹，不会添加到“最近打开的文件”。

输入前缀后，描述为 vscode-template-generate-tool 的即为插件创建的代码片段。

html
- embedded-card
- template
- placeholder
javascript
- console.log()关键词 ll 或 console
  - 自带的 log，输入第二次会将 log 作为短语，影响判断
- async
Vue 选项类型关键词

数据 data/props/computed/methods/watch

生命周期钩子 created/mounted

资源 components

组合 mixins
vue
- vue
- style
- 模板文档 paging-grid/simple-grid/simple-search-grid/edit-grid/form-dialog