你是不是也有过这样的开发时刻？用 Wot UI 组件时，盯着屏幕半天想不起组件库都有什么组件，组件里面又有什么属性或者事件。更糟的是，属性值填错了还没提示，直到运行时才报错，白白浪费半小时排查 —— 这些磨人的小问题，本该是能避免的低效内耗。
现在，专为 Wot UI 组件库量身打造的 Wot UI IntelliSense 插件正式上线，从「记不住、查得烦、易出错」三大痛点入手，把 80+ 组件的所有细节都装进你的 VS Code，让你写代码时再也不用反复切屏查文档，专注度和效率直接拉满！
👉 这 5 个核心能力，直接解决 Wot UI 开发的「老大难」问题
1. 组件补全：从「拼写焦虑」到「秒选即用」
不用再死记「轮播组件是 wd-swipe 还是 wd-carousel」，也不用手动敲长长的组件名 —— 在 .vue 或 .html 文件的模板里，只要输入 <wd，插件就会立刻弹出所有 Wot UI 组件的列表，每个组件旁还附带简洁说明（比如「wd-button：Button 按钮文档将直接提示」）。不管是常用的按钮、输入框，还是冷门的时间轴、评分组件，都能一秒定位，点击选中就能自动补全标签，新手也能像老手一样熟练调用。
2. 属性 / 事件补全：不用再翻文档，提示跟着输入走
写组件时最烦的就是「卡壳在属性上」？现在完全不用愁：
-
当你在组件标签里输入空格或者换行，插件会自动列出该组件的所有属性，比如写 <wd-button 后，type「按钮类型」、size「尺寸」、round「圆角」等属性会带着说明一起出现，选完属性再输 =，甚至连可选值都会提示（比如 type 的可选值「primary/success/warning/info/danger」等），不用反复切换文档查询
-
想绑定事件？只要输入 @、空格或者换行，插件会立刻筛选出该组件支持的所有事件，比如 <wd-input @ 时，input「输入事件」、focus「获焦事件」、blur「失焦事件」一目了然，并且附上事件说明提示，避免因事件名写错导致功能失效；
3. 悬停提示：文档就在鼠标下，不用切屏查官网
以前写代码时，遇到不确定的组件用法，总得打开浏览器，搜索「Wot UI 某某组件文档」，翻半天才能找到关键信息 —— 现在只要把鼠标悬停在组件标签或属性上，详细的文档说明会直接弹出来：
- 悬停在组件标签上时，会显示对应组件，文档，格式跟官网内容相同，附带各种不同类型的使用案例
- 悬停在组件属性或者事件上时，会提示对应属性或事件的说明，帮你快速理解组件的支持功能
4. 全场景适配：Vue/HTML 都能用，不用额外配置
不管你是在 Vue 单文件组件（.vue）里写代码，还是在纯 HTML 文件里引入 Wot UI 组件，这款插件都能无缝适配，不需要任何额外配置 —— 开箱即用，安装后直接生效。不管是开发移动端页面，还是写简单的 demo，都能享受到一致的智能提示体验。
5. 组件离线支持，内网开发也能直接查询
当前插件已将 Wot UI 全部 80+ 组件 的完整文档数据内置到扩展包中，零网络依赖。
- 内网、断网、VPN、云桌面等隔离环境下，提示、补全、悬停文档依旧 100 % 可用
- 与在线版本提示内容完全一致，不会出现「本地缺字段、缺示例」的阉割体验
- 后续插件升级时，会增量更新离线数据，保持与官方组件库同步，一次安装，长期离线
真正做到「离线不减配，内网也能飞」—— 无论是在军工、金融、政府等严格内网，还是出差高铁上写代码，都能享受完整智能提示。
👉 插件怎么装？2 种方式，3 分钟搞定！
方式 1：VS Code 扩展市场直接装（最方便，推荐！）
这种适合能连外网的情况，不用下载额外文件，点几下就好：
-
先打开你的 VS Code，左边栏有个「扩展」图标（长得像四个小方块拼一起），点它；或者直接按快捷键 Ctrl+Shift+X，一步打开扩展面板，省得找图标；
-
面板顶部有个搜索框，直接搜「wot-ui-intellisense」—— 注意看图标，得是带 Wot UI 官方 logo 的那个（别下错其他同名插件）；
-
找到之后点「安装」按钮，等个几秒钟（快的话 1 秒就好），插件会自动启用，不用重启 VS Code！
-
装完之后不用特意设置，直接新建个 .vue 文件，敲 <wd 试试，组件提示立马就出来了，特省心。
方式 2：离线安装（适合内网 / 网络差的情况）
要是你在内网开发，或者连不上 VS Code 扩展市场，就用这种方式，提前下好文件就行：
-
先从官方渠道下插件的 .vsix 文件 —— 比如去 Wot UI 的 GitHub 仓库（之前提过的 仓库链接），找 Releases 里的最新版本，下载后缀是 .vsix 的文件
-
打开 VS Code，按 Ctrl+Shift+P 调出命令面板（就是顶部会弹个输入框）；
-
在命令面板里输入「Extensions: Install from VSIX...」—— 输一半就能看到这个选项，点它；
-
然后会弹个文件选择框，找到你刚才下好的 .vsix 文件，点「确定」，等它安装完成（进度条走完就行）；
-
装完同样不用重启，打开代码文件就能用，离线状态下的提示和在线装的一模一样，没区别。
