VSCode中值得推荐的常用的33个高效前端插件「效率篇」_json to ts

VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。

Indenticator : 直观地突出显示当前的缩进深度。此扩展可以单独使用，但建议与内置缩进指南一起使用（设置editor.renderIndentGuides）。这些在每个缩进上显示细灰线，而此扩展突出显示光标当前所在缩进深度上的缩进。

插件名：Indenticator
官方地址： https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator

Guides : Guides 只是添加各种缩进指南线的插件。

插件名：Guides
官方地址： https://marketplace.visualstudio.com/items?itemName=spywhere.guides

Auto Import : 自动导入 - ES6、TS、JSX、TSX（VSCode 扩展）。

JavaScript (ES6) code snippets : 此扩展包含用于 Vs Code 编辑器的 ES6 语法中的 JavaScript 代码片段（同时支持 JavaScript 和 TypeScript。

Paste JSON as Code : 从 JSON、JSON Schema 和 TypeScript 交互式生成类型和（反）序列化代码；将 JSON/JSON Schema/TypeScript 粘贴为代码。

插件名：Paste JSON as Code
官方地址： https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype

JSON to TS : 将 JSON 对象转换为 TypeScript 接口。

插件名：JSON to TS
官方地址： https://marketplace.visualstudio.com/items?itemName=MariusAlchimavicius.json-to-ts
特征：

Regex Previewer

Sort Typescript Imports

Turbo Console Log

Turbo Console Log : 此扩展通过自动化编写有意义的日志消息的操作使调试变得更加容易。

Dot Log

后续如有发现更多更好的插件将继续分享。安装太多的插件恐会影响 VSCode 的启动速度，同时增加内存的占用，可能影响开发效率，最终适得其反，所以建议只安装自己喜欢的、常用的即可。