Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>qk-snippetsNew to Visual Studio Code? Get it now.
qk-snippets

qk-snippets

liu run

|
3 installs
| (0) | Free
代码段快速匹配、生成、插入, 同时支持插入模版文件、文件夹.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.Doc.cell // 文档、资料、附件展示

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

  qk.Status.cell // 多指状态类展示

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

  qk.Action.cell // 操作列

  qk.ActionInner.cell // 操作列内容项(按钮集合)

部署

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft