爆款推荐！VSCode神器插件大揭秘：一键“自动转``”，代码效率飙升的实用干货！

大家好，我是大澈！

本文约1000+字，整篇阅读大约需要2分钟。

感谢关注微信公众号：“程序员大澈”，免费领取"面试礼包"一份，然后免费加入问答群，从此让解决问题的你不再孤单！

对于VSCode的插件，其实我个人用的并不多。

除了一些必要的语法提示高亮插件，如 Volar，这种用的比较多。

对于其它的，确实没怎么用过。欢迎朋友们多多推荐，毕竟我这人有时候也挺懒的哈。

说正题，前阵子我看网课玩，在视频中博主利用短暂的几秒钟，介绍了一个老款插件“Template String Converter”，让我感觉挺实用的，特此推荐给大家，当然主要针对和我一样没用过的朋友。

这个插件的功能，一句话概括就是：当你在字符串中输入“${”时，它会自动将字符串转换为模板字符串``，可以让你懒到极致！

下面请看，此插件的详细介绍。

[图0.jpg|]

先说说怎么使用这个插件，再简单聊聊几个插件配置。

2.1 如何使用

先在插件商店搜索插件“Template String Converter”，并安装最新版本。

[图1.jpg|]

修改该扩展的 package.json 配置文件，进行自定义配置，如：添加vue、html文件自动支持。

不知道为什么直接在vscode中修改配置，有时候不能生效，重新加载后依然会有问题，所以我们直接改配置文件。

图131410-1：

[图3.jpg|]

配置文件本机地址：C:\Users\admin\.vscode\extensions\meganrogge.template-string-converter-0.6.1。这个地址根据个人情况找就行，就是找vscode安装的扩展包。

[图4.jpg|]

2.2 插件配置

先一览一下所有配置项，再分述。

[图5.jpg|]

quoteType：单引号转换、还是双引号转换。有用！

enabled：开启扩展。重要！

addBracketsToProps：自动在 JSX 属性的模板字符串外添加花括号。

autoRemoveTemplateString：如果删除“${”，则用常规字符串替换模板字符串。有用！

convertOutermostQuotes：对于嵌套字符串，将最外面的引号转换为反引号。

侵权告知删除：yangzy187@126.com

转载请注明：网创网 www.netcyw.cn/b131410.html