如何阻止WebStorm/PHPStorm在插入模板时生成不必要的空属性值?
如何阻止WebStorm/PHPStorm在插入模板时生成不必要的空属性值?
嘿,这个问题我之前也踩过坑,每次手动删空属性值真的挺麻烦的,咱们直接来搞定它:
解决步骤:
- 打开IDE的设置面板:Windows/Linux按
Ctrl+Alt+S,Mac按Cmd+, - 在左侧导航栏找到 Editor > Live Templates,然后在右侧的模板分组里找到Vue相关分类(或者直接在搜索框输入
v3c快速定位目标模板) - 点击
v3c模板查看它的原始代码,你会发现模板里写的是<script setup="$END$" lang="ts"> - 把模板代码修改为
<script setup lang="ts">(去掉setup后面的="$END$"占位符部分) - 点击"Apply"保存设置,再测试输入
v3c,就能生成没有多余空属性值的代码了!
原理其实很简单:这个问题就是因为对应的Live模板给setup属性加了占位符$END$,IDE会自动把未填充的占位符替换为空值,才出现了setup=""的情况。把占位符去掉后,setup作为Vue的布尔属性存在,就不会生成多余的空赋值了。
备注:内容来源于stack exchange,提问作者Ostap Brehin
相关产品推荐
相关产品推荐

