TypeScript 新的JSX属性补全样式选项 "equalSign"

siv3szwd  于 7个月前  发布在  TypeScript
关注(0)|答案(1)|浏览(67)

建议
设置 typescript.preferences.jsxAttributeCompletionStyle 有选项 autobracesnone 。第四个样式 equalSign 或类似的会很好,在它后面用一个 = 完成属性。
auto 选项对我来说效果不太好,而 braces 通常也不正确。但我总是(除了布尔属性)需要一个 = - 这样我就可以决定是使用引号还是括号。

🔍 搜索词

jsxAttributeCompletionStyleattribute completioncomplete equal sign

✅ 可实现性检查清单

我的建议符合以下准则:

  • 这不会对现有的 TypeScript/JavaScript 代码造成破坏性的更改
  • 这不会改变现有 JavaScript 代码的运行时行为
  • 这可以在不根据表达式的类型发出不同的 JS 的情况下实现
  • 这不是一个运行时特性(例如库功能、带有 JavaScript 输出的非 ECMAScript 语法、JS 的新语法糖等)
  • 这个特性将与 TypeScript's Design Goals 的其他部分保持一致。

⭐ 建议

为设置 typescript.preferences.jsxAttributeCompletionStyle 添加一个名为 "equalSign" 的新选项,如果属性不是布尔值,则自动用等号完成属性。

📃 激励示例

例如,auto 选项对于 className 的效果不是很好,如果你使用 CSS 模块或其他类似的东西,你希望使用括号而不是引号。这经常发生在 auto 选项上,我删除了自动补全的括号或引号。

💻 用例

这会使我在 VS Code 中的开发体验更好。

sf6xfgos

sf6xfgos1#

这让我想起了HBuilder编辑器的一个有趣的功能。
在接受一个函数名建议后,它会立即显示另一个包含所有可能函数语法的建议列表。它还支持使用Alt + 数字键选择建议项,但我认为没有这个功能也可以。按下箭头键和Enter键仍然比查找并按下=Shift[等更快更方便。
也许这个功能可以应用到JSX属性建议上,以便快速选择={$0}="$0"甚至={true}/={false}用于布尔属性。

相关问题