You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

无需代码片段:修改VS Code的className自动补全为对象形式

修改VS Code中className自动补全为大括号格式(无需代码片段)

可以直接通过TypeScript语言服务的配置修改默认行为,不需要添加用户代码片段,具体操作如下:

  • 打开VS Code设置(快捷键:Ctrl+/Cmd+,)
  • 在搜索框输入typescript.preferences.jsxAttributeCompletionStyle
  • 将选项值从默认的quoted改为braced

设置完成后,在TSX/JSX文件中输入className并选择补全建议时,会直接生成className={},不会再出现带引号的版本,完全适配CSS Modules的使用场景。

内容的提问来源于stack exchange,提问作者john

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 23:22:13