qnn 组件·vsCode 插件

提供 qnn-form、qnn-table 组件配置 api 属性智能提示、代码段自动补全等。

☞ 插件主页
☞ 升级日志

支持以下功能

• 配置属性提示
• 代码段自动补全

先睹为快

ps: 代码段标识 属性标识 以及 qnn-form 和 qnn-table 组件的代码段区分

• 属性提示：如下图 ↓，注意左侧图标形状，键盘上下键选择后直接回车即可

• 代码段补全：如下图 ↓，注意左侧图标形状，键盘上下键选择后直接回车即可自动补全 需注意的是代码段为 qnnTable 还是 qnnForm 的代码段的区分点是第二个箭头处提示的。

使用文档

• 代码段生成

  • qnnTable、qnnForm 组件代码段生成

    • qnnTable 组件代码段生成 关键词[qt、qnn、qnnTable] 效果图：

    • qnnForm 组件代码段生成 关键词[qf、qnn、qnnForm] 效果图：和table一样效果，只是代码段不同

  • qnnTable、qnnForm页面代码生成

    • qnnTable组件代码段生成 关键词[rq、rqf、reactQnnForm] 效果图：

    • qnnForm组件代码段生成 关键词[rq、rqf、reactQnnForm] 效果图：和table一样效果，只是代码段不同

  • qnnTable、qnnForm 字段生成

    • 需要什么字段就写什么字段 如：字符串写 "string"

  • 其他 基本遵循上面的规范都是基于插件readme文档操作

  • 代码段

    • rqf 生成表单页面
    • rqt 生成表格页面
    • qt 表格组件代码生成
    • qf 表单组件代码生成
    • string 字符串控件代码生成
    • number 数字控件代码生成 ....