【Vscode】JSON to TS 插件将后端返回 json 格式数据转为 ts 类型

最新推荐文章于 2024-03-26 17:01:58 发布
最新推荐文章于 2024-03-26 17:01:58 发布
阅读量1.2k 收藏 7
点赞数 7
分类专栏： Vscode 文章标签： vscode json ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iaipython/article/details/135263354
版权

在我们写 ts 类型的时候，后端返回的一大堆数据，写类型，有时候是真的难受，我经常会想能不能交给插件来完成，最近刚好群友推荐了这个插件

JSON to TS 文档点击这里👇

在这里插入图片描述

使用方法也很简单，可以看它插件的介绍文档。

下面是使用的例子，可以直接把 json 格式转成了标准化的 ts 类型，超级好用！！！
在这里插入图片描述

努力挣钱的小鑫
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode中值得推荐的常用的33个高效前端插件「效率篇」
专注于dreamweaver网页设计制作
08-09 1786
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。
vscode插件开发之Swagger生成Ts
a1196324866的博客
11-23 2730
vscode插件开发之Swagger生成Ts。当后端同学给到我们Swagger接口文档的时候，是不是在为要写接口类型烦恼，为了偷懒，那么就any吧。any一时爽，同事泪两行。为了高质量的偷懒，来开发个插件。利用SwaggerApiJson和vscode的webVIew功能。
json2ts:将JSON转换为TypeScript接口
04-27
json2ts json2ts将JSON转换为TypeScript接口。 安装 npm install json2ts 用法 json2ts可以用作Node.js模块： let json2ts = require("json2ts"); let result = json2ts.convert(jsonContent); 作为IDE扩展 此模块用作和IDE扩展。 测验 npm test 贡献 如果发现任何错误，请随时提交拉取请求（要查看活动问题的列表，请访问“）。 请确保所有提交均已正确记录。 执照 麻省理工学院许可 ** 享受！ **
如何快速将json文件转换为对应的ts类型
qq_55928824的博客
05-21 4475
1.安装插件json2ts vscode安装 插件 json2ts 使用 ctrl + alt + v 去形成 ts的类型模式 但是这种方法不知道为啥在我的电脑里一直会显示错误，所以我这里又提供了另一种方法 2.安装JSON Tto TS 安装 vscode插件 JSON Tto TS 快捷键： ctrl + shif + alt + v || s ...
不用再找拉，65款自用vscode插件整理， 随时可取
最新发布
u011757939的博客
03-26 874
运行代码片段或代码文件的多种语言:C, c++， Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, f# Script, f#()。VS Code扩展，支持TypeScript的夜间构建(typescript@next)，作为VS Code的内置TypeScript版本，用于支持JavaScript和TypeScript智能感知。查看已提交文件的diff。
一键Swagger类型转为typescript类型（vscode插件）
qq_38362380的博客
12-15 2186
Swagger To Typescript Swagger To Typescript是用于将Swagger文档提供的类型自动转为typescript类型的一款插件 用法 快捷键配置 - 默认按键配置(window & mac) 1. 转换操作 `ctrl+shift+k` (右键面板也由选项) - 你也可以去快捷键设置界面进行自定义设置 PS: [File Teleport]文件同步更新插件 ...
jsontots-crx插件
03-24
jsontots 将json转换为tyepscript接口。 1.拖曳文字'{'到'}'2.进行转换 支持语言:한국어
【插件】快递生成json数据的typeScript类型json to ts
intrwins的专栏
06-21 3722
在用typescript时对与有很多属性的json数据设置类型比较麻烦，这里有一个插件可以通过json数据直接生成json的类型值，使用起来非常的方便在vs code和webstorm上都有很好的支持。
实现一个自动生成typescript类型声明的工具
JackChan
04-02 1809
实现一个自动生成typescript类型声明的工具
Json对象转Ts类
weixin_30338461的博客
08-20 2185
一 目标 推荐一款在线将Json对象转换为Ts类的工具：https://apihelper.jccore.cn/jsontool 可以帮助前端开发人员提高开发效率。 二 背景 Json是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。所以Json成为了前后端交互使用的主要格式。 Typescript作为一种前端开发语言，应用也越来越广，前端Angular开...
在线把 json 转换成 ts 类型 - @cyly/json2ts
ChpeShy的博客
04-03 6485
Github: https://github.com/ChpShy/json2ts 体验地址：https://chpshy.github.io/json2ts/index.html 介绍 在项目慢慢接入vue3之后，面临了一个问题，要不要定义 ts 类型呢，还是快乐的做一个 as 开发人员。用吧，类型太多，定义起来开发效率太低；不用吧，很多提示又没了，而且以后别人维护起来，不利于代码阅读(全是any)。本着负责任(装逼)的态度，还是想着加上。 但是后端接口返回的咋办呢？他们倒是有接口文档，但是有些字段实在是
quicktype-vscode：VS Code扩展，可将JSON转换为TypeScript，C＃，Go等
01-30
支持TypeScript ， Python ， Go ， Ruby ， C# ， Java ， Swift ， Rust ， Kotlin ， C++ ， Flow ， Objective-C ， JavaScript ， Elm和JSON Schema 。 从JSON，JSON Schema和TypeScript交互式生成类型和（反序列化）代码 将JSON / JSON Schema / TypeScript粘贴为代码 quicktype从样本JSON数据中推断类型，然后输出强类型化的模型和序列化程序，以便以所需的编程语言来处理该数据。 有关更多说明，请阅读 。 在任何JSON文件中，请使用命令“为JSON打开quicktype”来调用quicktype，它将根据JSON生成类型。 调用“更改quicktype的目标语言”以选择其他语言。 JSON Schema和TypeScript有类似的“ Open quicktype”命令。 使用quicktype的另一种方法是将JSON复制到剪贴板中，并调用“将JSON作为代码/类型粘贴”： 要获得更强大的体验，包括自定义选项和从多
json-schema-to-ts：根据JSON模式推断TS类型:memo:
02-03
如果您使用此仓库，请给它加注星标 :sparkles: 停止输入两次 :male_sign_selector: 许多项目使用JSON模式进行运行时数据验证，并使用TypeScript进行静态类型检查。 他们的代码可能如下所示： const dogSchema = { type : "object" , properties : { name : { type : "string" } , age : { type : "integer" } , hobbies : { type : "array" , items : { type : "string" } } , favoriteFood : { e
json-to-ts-interface:json字符串自动转换为TypeScript interface定义
05-29
json-to-ts-interface 根据json字符串自动生成TypeScript interface定义 使用方式： const interfaceDefinition = require('json-to-ts-interface'); const res = interfaceDefinition(json对象||json字符串, {}) 参数配置： 方法第二个参数接收一个对象，对象内容如下： { globalExportMode: 1, // 默认 don't export 1 = don't export 2 = export 3 = export default lineBreak: '\n', // 换行符 indent: ' ', // 缩进 默认两个空格 interfaceName: 'Res
对python requests发送json格式数据的实例详解
12-25
这里就记录一下如何用requests发送json格式的数据，因为一般我们post参数，都是直接post，没管post的数据的类型，它默认有一个类型的，貌似是 application/x-www-form-urlencoded。 但是，我们写程序的时候，最常用...
Struts2.5 利用Ajax将json数据传值到JSP的实例
01-20
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSO
前端 VSCode 插件
weixin_43867229的博客
05-25 375
前端 vscode 插件
vscode 自动编译ts文件
weixin_43964113的博客
09-08 221
运行tsc --init ，创建tsconfig.json文件 修改tsconfig.json文件，给成想要输出的位置文件夹 设置vscode监视任务 之后保存代码就会自动更新到指定文件夹中了
JS to TS
qq_38362380的博客
02-18 703
的版本升级，执行Javascript对象转为typescript类型声明。此次升级借助了@babel/types和@babel/genrator的功能，不得不说babel的能力非常的强大。用法：（可以通过右击菜单点击、或者快捷键`ctrl+shift+j`）PS: 又不满足的需求，或者有需要功能设计，都可以给我提issue。转换前 --- 转换后(效果图)
ts将json格式化
12-15
以下是使用TypeScript将JSON格式化的示例代码： ```typescript import fs from 'fs'; // 读取JSON文件 function readJson(jsonFilePath: string) { if (fs.existsSync(jsonFilePath)) { return JSON.parse(fs.readFileSync(jsonFilePath, 'utf-8')); } else { return {}; } } // 写入JSON文件 function writeJson(data: any, jsonFilePath: string) { fs.writeFileSync(jsonFilePath, JSON.stringify(data, null, 4), 'utf-8'); } // 示例数据 const myData = { name: 'test', version: '1.0' }; // 将JSON格式化并输出 const formattedJson = JSON.stringify(myData, null, 4); console.log(formattedJson); ``` 在上述代码中，我们使用了Node.js内置的fs模块来读取和写入JSON文件。readJson函数用于读取JSON文件并将其解析为JavaScript对象，writeJson函数用于将JavaScript对象转换为JSON字符串并写入JSON文件。最后，我们使用JSON.stringify方法将JavaScript对象转换为格式化后的JSON字符串，并将其输出到控制台。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值