如何快速将一个js对象转成ts格式

一.引言

JavaScript 是一门灵活的动态语言，但在大型项目中，类型安全性变得尤为重要。TypeScript 提供了一种解决方案，它为 JavaScript 添加了静态类型检查和类型注解的能力。

当我们在使用vue3+ts在完成工作的时候，会经常从后端获取数据。要将数据中的对象或者是数组往往都是多而杂的数据，都靠自己手撕转成ts格式，无异于提高了工作量。本文便提供了一种简便方法，可以快速将js对象转成ts格式。

二.实现

1.先打开vscode找到插件

2.搜索插件JSON to TS 进行安装

3.用下面的对象为例子

{
                "art_id": "690179b7-88ee-41a8-8290-e8373bbfd9b4",
                "title": "搞笑",
                "aut_id": "d3a6cbca-8ea1-4a47-89c9-9d4bc53fdf31",
                "comm_count": 0,
                "pubdate": "2023-07-18 15:23:02",
                "aut_name": "17520567192",
                "is_top": 0,
                "cover": {
                    "type": 1,
                    "images": [
                        "http://geek.itheima.net/uploads/1689664969820.png"
                    ]
                }
            }, 

4. 在下载插件后，有两个快捷键

(1)ctrl + shift +alt + s 可以将当前选中的内容转成TS格式

(2)ctrl + shift +alt + v 可以将剪切板的对象转成TS格式

5.转换后的效果

三.总结

合理使用插件可以有效帮我们提高开发效率~,本文便是分享了如何利用插件快速实现将JavaScript 代码转换为具有类型注解的 TypeScript 代码。

希望这篇博文对您有所帮助！欢迎点赞收藏。

如有任何问题，请随时提问。