Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>智能编码助手New to Visual Studio Code? Get it now.
智能编码助手

智能编码助手

Kilo

|
1,377 installs
| (0) | Free
集代码补全、代码提示、代码质量洞察功能为一体的插件
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

智能编码助手


集代码补全、代码提示、代码质量洞察功能为一体的插件

本插件可集成至 Kilo 研发工作台,也可作为独立插件单独安装使用


目前 智能编码助手也已经接入 Kilo 中,Kilo 提供了面向开发效率、项目质量、安全性、开发体验等方面的插件功能,点击这里立即使用

功能概述

  • 雷达 JS 错误提示,支持 JS 错误信息查看、源码定位、Hourglass 回放等功能,帮助研发快捷处理线上监控报警
  • 代码补全提示,支持关键字代码补全、Hover 提示组件 Props 定义,提升编码效率(详细介绍见文档后半部分)

雷达 JS 错误提示工具

功能介绍

1. JS 错误信息查看

  • 示例

    线上错误信息查看示例(仅内网可见)

  • 说明

    在出现新增的雷达的问题后,底部面板会给出警告色的提示,数量为全部异常累计次数的总和,hover 可以看到问题数及总异常次数,点击唤起 kilo 雷达面板,面板中会展示基本错误信息;

2. 错误源码定位功能

  • 示例

    错误源码定位功能示例(仅内网可见)

  • 说明

    若在 halo 流水线中配置了雷达sourceMap 插件,可一键定位至本地出问题的源码,若错误不存在(如分支不对或者已被修改),则使用预览模式打开远程出问题的源码;

3. 去雷达查看错误

  • 示例

    去雷达查看错误(仅内网可见)

4. 去 Hourglass 查看错误回放

  • 示例

    去 Hourglass 查看错误回放(仅内网可见)

  • 说明

    若为项目接入 Hourglass,错误检测到有回放记录,则会展示该按钮,点击去 hourglass 查看回放;

使用方式

  • 安装插件后 VSCode 底部状态栏出现雷达未配置按钮

    安装插件后VSCode底部状态栏出现雷达未配置按钮

  • 点击按钮打开雷达配置面板

    点击按钮打开雷达配置面板

  • 点击配置按钮配置项目雷达 ID、错误时间范围、错误刷新频率

    配置项目雷达ID、错误时间范围、错误刷新频率

  • 雷达错误信息即可展示

    错误信息展示


代码补全提示

已接入组件/工具库:

  • m-ui
  • kmi
  • kid-ui
  • kds-native
  • mchart
  • 快手电商团队 RN 组件库

功能介绍

1. 关键字代码补全

示例

  • 说明

    • m-ui:前缀匹配“m-” 或 “mui”关键字,下拉框中可选择特定组件,生成模板代码

    • kmi:前缀匹配 “kmi”关键字,下拉框中选择指定选项,生成模板代码

    • kid: 前缀匹配 “kid-”关键字,下拉框中选择指定选项,生成模板代码

    • kds-native: 前缀匹配 “tk-”关键字,下拉框中选择指定选项,生成模板代码

2. 组件 API 提示

示例

  • 说明

    鼠标 hover 展示组件 props 说明

帮助及反馈

欢迎扫码进群~

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