qk-snippets

常用代码段的快速匹配、生成和插入

Installation

1. Open the Extensions view (Ctrl+Shift+X).
2. Search for qk-snippets.
3. Click Install.

Usage

插入代码片段

使用流程:

• Step 1 : 输入命令前缀'qk.'

• Step 2 : 继续输入组件、方法的关键词, 例如: 'qk.SuperTable'

• Step 3 : 回车键确认选中, 插入匹配代码段

• etc.

插入模版文件夹/文件

使用流程:

• Step 1 : 敲击快捷键 [CTRL + Shift + P]

• Step 2 : 输入 Insert Template

• Step 3 : 选择要插入的模版文件类型, 目前提供两种'Page'和'Redux', 回车确认

• etc.

日志 20250620

新增指令后缀标识

• crud: 针对axios接口的快速定义，包含Post、Get、Delete等

  示例：

    明确指令： qk.Post.curd

    模糊匹配指令： qk.curd.

• comp: 针对Components组件的快速引用，包含Tabs、Card、SuperTable、ExportAndImport、等

  示例：

    明确指令： qk.Card.comp

    模糊匹配指令： qk.comp.

• hooks: 针对Hooks方法的快速引用，包含UseSuperModal、UseTableFilter、等

  示例：

    明确指令： qk.UseSuperModal.hooks

    模糊匹配指令： qk.hooks.

• code: 针对常用Code代码段的快速引用，包含分割线[SplitLine]、点状标记[DotSpan]、等

  示例：

    明确指令： qk.SplitLine.code

    模糊匹配指令： qk.code.

• cell: 针对SuperTable组件的快速定义，包含属性、组成、单元格、列标题头、操作列、操作栏内容按钮集合 [SuperTable API]

  示例：

  qk.Normal.cell // 常规文本展示

  qk.Group.cell // 上下分组，名称和编码（双文本）展示

  qk.DateTime.cell // 日期展示

  qk.Number.cell // 数字展示

  qk.Money.cell // 金额数值展示

  qk.ProcessSteps.cell // 流程、步骤条展示

  qk.Document.cell // 文档、资料、附件展示

  qk.TextEllipsis.cell // 超长文本展示

  qk.Table.cell // 表格展示

  qk.Switch.cell // Switch操作

  qk.Status.cell // 多指状态类展示（拆分更明细的以下三种）

  qk.Dot-Status.cell // 点状类状态展示

  qk.Inline-Status.cell // 内联状态类展示

  qk.Outline-Status.cell // 外联状态类展示

  qk.ColumnTitle.cell // 列标题富写，额外添加tooltip展示

  qk.Action.cell // 操作列

  qk.ActionInner.cell // 操作列内容项（按钮集合）

部署