如何在PyCharm中快速编写JavaScript对象解构代码？

以下是针对Vue.js（Composition API/Script Setup）+ Pinia场景，在PyCharm中提升对象解构编写效率的实用方法：

1. 从普通写法一键转解构 #

先按你习惯的方式写普通属性访问：

const attribute = object.attribute;

选中这行代码，按Ctrl+Alt+N（Windows/Linux）或Cmd+Option+N（Mac），在弹出的选项里选择Destructuring，PyCharm会自动把代码转换成解构写法：

const { attribute } = object;

如果要解构多个属性，先写多个普通访问语句，再一起选中执行这个操作即可。

2. 自定义Live Template（实时模板） #

自己创建一个模板，让编辑器先识别对象再给出属性提示：

• 打开File > Settings > Editor > Live Templates
• 选择JavaScript或TypeScript分组，点击+新建模板
• 设置缩写（比如destr），模板内容：

  const { $VAR$ } = $OBJ$;
  

• 点击Edit variables，将$OBJ$的"Skip if defined"取消勾选，设置$VAR$的"Default value"为空
• 保存后，输入destr按Tab触发模板，先输入对象名（比如store），按Tab切换到括号内，此时编辑器会自动弹出该对象的属性提示，直接选择即可。

3. 先填对象再补属性 #

如果你习惯先写解构的框架，按以下步骤操作：

1. 输入const {} = ，然后输入对象名（比如object）并回车
2. 光标会自动定位到大括号内，此时PyCharm会加载该对象的属性列表，直接按上下键选择需要的属性，按回车即可补全。

另外，也可以先写object.并选择好属性，然后按Ctrl+Shift+Alt+J（Windows/Linux）或Cmd+Shift+Option+J（Mac），选择Introduce Destructuring，快速生成解构代码。

内容的提问来源于stack exchange，提问作者Jonatan