Any to TS: VSCode 扩展插件

概述

"Any to TS" 是一个强大的 VSCode 扩展插件,旨在将任何对象转换为 TypeScript 类型或接口。该工具基于 vscode-json-to-ts 进行功能扩展,提供了一系列便捷的功能,帮助开发者更高效地处理 TypeScript 类型定义。

核心功能

传统功能保留

  • 剪贴板转换 Ctrl + Shift + Alt + V: 直接从剪贴板获取 JSON 数据并转换为 TypeScript 类型。
  • 从选择转换 Ctrl + Shift + Alt + S: 选择编辑器中的 JSON 数据并进行转换。

新增功能

  • 切换类型别名 Shift + Ctrl + Alt + T: 通过快捷键在 type 和 interface 之间切换,灵活定义数据结构。
  • AI 辅助转换:利用 AI 对 JSON-TO-TS 无法转换或转换报错的类型进行分析,提供正确的 TypeScript 类型定义。

主要功能展示

从剪贴板转换

使用快捷键 Ctrl + Shift + Alt + V,用户可以快速将剪贴板中的 JSON 数据转换为 TypeScript 类型。这一功能极大地简化了从外部数据源获取类型定义的过程。

启用 AI 大模型

"Any to TS" 支持通过 AI 对复杂或错误的 JSON 数据进行分析,生成正确的 TypeScript 类型定义。

切换转换类型

使用 Ctrl + Shift + Alt + T,用户可以在 type 和 interface 之间进行切换。这一功能允许开发者根据具体需求选择最合适的类型定义方式。

从选择转换

通过 Ctrl + Shift + Alt + S,用户可以选择编辑器中的 JSON 数据并进行转换。这一功能使得在代码编辑过程中,快速生成类型定义成为可能。

支持的 AI 模型包括但不限于(理论支持所有支持OpenAI协议大模型)

  • OpenAI

    • GPT-4o
    • GPT-4o-mini
  • Claude
    • Claude 3.7 Sonnet
  • DeekSeek
    • deepseek-chat
  • Dashscope
    • qwen-max
    • qwen-plus
    • qwen2.5-72b-instruct
  • Gemini
    • gemini-2.0-pro-exp
  • Moonshot
    • moonshot-v1-8k
    • moonshot-v1-32k
    • moonshot-v1-128k

大模型配置

可以根据自己的喜欢/反馈速度配置自己的大模型

VS Code -> Settings -> Any To TS Settings

  • 选中 UseLLM
  • Base URL : https://dashscope.aliyuncs.com/compatible-mode/v1
  • API Key : sk-*****
  • Model Name : qwen-max

支持转换类型

  • Array type merging (Huge deal): 自动合并数组类型,简化复杂数据结构。
  • Duplicate type prevention: 防止重复类型定义,保持代码整洁。
  • Union types : 支持联合类型定义,增强类型灵活性。
  • Optional types : 允许定义可选属性,适应不同数据结构。
  • Array types : 处理数组类型,确保数据一致性。

链接

总结

"Any to TS" 是一个功能全面的 VSCode 扩展插件,通过结合传统功能和 AI 技术,极大地提升了 TypeScript 类型定义的效率和准确性。无论是处理简单的 JSON 数据还是复杂的数据结构,该插件都能提供可靠的解决方案,是开发者不可或缺的工具。
如果您觉得有帮助请在 GitHub 上 Star , 提交issues 谢谢!

利用AI增强VS Code TypeScript插件:AnyToTS带来编程新体验的更多相关文章

  1. 如何利用AI识别未知——加入未知类(不太靠谱),检测待识别数据和已知样本数据的匹配程度(例如使用CNN降维,再用knn类似距离来实现),将问题转化为特征搜索问题而非决策问题,使用HTM算法(记忆+模式匹配预测就是智能),GAN异常检测,RBF

    https://www.researchgate.net/post/How_to_determine_unknown_class_using_neural_network 里面有讨论,说是用rbf神经 ...

  2. 我利用网上特效开发的Jquery插件

    我利用网上特效开发的Jquery插件 代码如下 (function($){ $.fn.Dialogx = function(options) { var defaults={ Width:" ...

  3. VS Code C# 插件离线版 1.6.2

    VS Code C# 插件离线版,目前最新稳定版为:1.6.2 . 由于在扩展中下载C#插件总是缓慢,或者容易出现错误,特制作离线版本共享出来. 本离线版本为Windows版本,其他系统请在扩展中下载 ...

  4. 斗地主案例(利用集合/增强for等技术)

    斗地主案例(利用集合/增强for等技术) package Task10; import java.util.ArrayList; import java.util.Collections; publi ...

  5. Vs code常用插件

    Vs code常用插件 1.View In Browser 由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firef ...

  6. CKEditor 4.4.1 添加代码高亮显示插件功能--使用官方推荐Code Snippet插件

    随着CKEditor4.4.1的发布,以前一直困扰的代码高亮问题终于完美的得到解决,在CKEditor4.4中官方发布了Code Snippet这个代码片段的插件,终于可以完美的内嵌使用代码高亮了,以 ...

  7. vscode修改code runner插件默认使用的编译器

    code runner的原理就是自动帮你完成在控制台中输入切换路径和编译源代码以及运行编译好的程序的指令 编译指令是根据配置文件中一开始写好的模板来执行的 不同语言对应一条指令,运行code runn ...

  8. idea中Eclipse Code Formatter插件设置和使用,以及注释模板的修改

    在settings里面找到plugins这个选项,搜索Eclipse Code Formatter,点击安装,重启idea即可进行配置: 首先,先安装Eclipse Code Formatter插件: ...

  9. sublime Text2下安装php code sniffer插件

    为了跟团队保持开发规范的一致性,需要安装sublime Text2的php code sniffer插件,之前是用的phpfmt插件,发现两个规范还是有点不一样,需要再安装php code sniff ...

  10. VS Code 常用插件列表

    插件列表 Auto Close Tag 自动闭合HTML标签 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Bookmarks 添加行书签 Can I Use HTML5.C ...

随机推荐

  1. C# Winform cilent call SignalR

    一.SignalR是什么 Asp.net SignalR是微软为实现实时通信的一个类库.一般情况下,SignalR会使用JavaScript的长轮询(long polling)的方式来实现客户端和服务 ...

  2. Nukem pg walkthrough Intermediate

    nmap 扫描 ┌──(root㉿kali)-[~] └─# nmap -p- -A 192.168.157.105 Starting Nmap 7.94SVN ( https://nmap.org ...

  3. SQL Server与ORACLE数据库存储过程编写的几个不同之处

    一直在使用SQL Server数库的存储过程进行业务数据处理,现在ORACLE上进行存储过程应用,感觉没有MSSQL的方便灵活,总结了以下几点区别: 1.入参数据类型不要书写长度.比如:userNam ...

  4. IDEA Spring Boot项目,排查解决maven包冲突

    一.Idea安装插件 下载方式1:插件名称:maven helper 打开Idea设置,搜索安装该插件 下载方式2:https://plugins.jetbrains.com/plugin/7179- ...

  5. npcap实战抓包教程

    npcap 是一个用于 Windows 系统的网络抓包库,基于 WinPcap 的改进版本,支持最新的 Windows 特性和协议(如 IPv6).它通常与 Wireshark 或 Nmap 等工具一 ...

  6. 程序员的生产力神器Cursor -新手实操指南

    不得不说这个Cursor AI简直是神器中的神器! 代码自动补全就算了,关键是它能直接读懂我的意图,秒懂需求!为你自动生成整个项目级别的代码!开发过程丝滑得像在跟老朋友聊天,代码质量贼高,效率提升10 ...

  7. 发那科FANUC机器人M-710iC减速机维修看这几步

     发那科作为全球知名的工业机器人制造商,其M-710iC型号机器人在工业界享有盛誉.然而,即便是最顶尖的设备也难免会遇到维修问题,其中四轴传动齿轮箱的维修尤为关键.本文将深入探讨发那科FANUC机器人 ...

  8. swiper8.x在vue中的wtf

    首先我是想开启鼠标滚动的效果,在官网上发现如下说法 引入就引入吧,引入路径还不说,在网上看其他教程发现路径是 引入完了,怎么办呢,又不会了,官网没有教程,网上的教程全是关于vue-awesome-sw ...

  9. Esp32s3(立创实战派)移植LVGL

    Esp32s3(立创实战派)移植LVGL 移植: 使用软件EEZ studio 创建工程选择带EEZ Flow的,可以使用该软件更便捷的功能 根据屏幕像素调整画布为320*240 复制ui文件至工程 ...

  10. nginx出现: [error] open() "/usr/local/nginx/logs/nginx.pid" failed错误

    问题情况 登陆服务器之后进到nginx使用./nginx -s reload重新读取配置文件,发现报==nginx: [error] open() "/usr/local/nginx/log ...