WebStorm不自动生成export语句，仅支持基于已有导出的重构（如Export function、Convert to default export）和import自动补全，前提是ES6+语言版本、ES模块语法及Auto Import三开关全开。
WebStorm 不能自动生成 export 语句本身，但能根据已有导出结构自动补全、优化或重构导出方式——关键在于你先写什么、怎么写、以及是否符合 ES 模块语义。
为什么 export 语句不自动出现？
WebStorm 的“自动导出”不是语法生成器，它不主动在文件末尾加 export { foo, bar } 或 export default MyComponent。它的行为基于两个前提：
- 你已经用
export显式声明了符号（如export const utils = {...}） - 你在别处用了未导入的符号（如写了
utils.format()但没 import），它才可能帮你补import，而不是反向补export
换句话说：WebStorm 不替你决定“要不要导出”，只帮你维护“导出后怎么被引用”。想让某个函数/组件可被外部 import，你得先自己写 export。
如何让 WebStorm 帮你补全或重构 export 形式？
它支持几种轻量级重构，前提是光标落在目标符号上（比如函数名、变量名），然后按 Ctrl+Shift+R（Windows/Linux）或 ⌘R（macOS）唤出重构菜单：
-
Export function：对function myFn() {}生效，一键转成export function myFn() {} -
Export variable：对const data = [];生效，变成export const data = []; -
Convert to default export：选中已有的具名导出（如export const Button），可转为export default Button -
Extract export不可用——WebStorm 没这个选项；若想从内部变量抽成导出，需手动剪切 + 粘贴到文件顶部再加export
注意：这些重构只在当前文件内生效，不会自动更新其他文件里的 import 语句；要同步更新引用，得配合 Optimize imports on the fly 开关（见下一条）。
导出后，别人 import 时为啥不自动提示？
即使你写了 export const useFetch，别人在另一文件输 useFet 按 Tab 却没补全，大概率是以下三者之一没对齐：
- 导出文件后缀不是
.ts/.tsx/.js，而是.mjs或.cjs（WebStorm 对后两者模块解析支持弱） - 目标文件语言级别不是
ECMAScript 6+（Settings → Languages & Frameworks → JavaScript → Language version） - Auto Import 的三个开关没全开：
Add ES6 imports on code completion、Show auto-imports tooltip、Optimize imports on the fly（Settings → Editor → General → Auto Import）
特别提醒：export default 和 export const 在补全行为上无差别，但如果你导出的是 export default React.memo(...) 这类高阶包裹，部分 WebStorm 版本（尤其是 2025.3 之前）识别不稳定，建议拆成两行：const MyComp = () => {}; export default MyComp;
Live Templates 能否模拟“自动生成 export”？
可以，但属于手动触发的模板，不是自动推断。例如新建一个 Live Template：
- 缩写填
exd，模板内容：export default $FUNCTION$;$END$ - 变量
$FUNCTION$设置 Expression 为methodName()，用于自动提取光标所在函数名 - 适用范围勾选
Function declaration和JavaScript
使用时：写好 function MyModal() {}，光标停在 function 行任意位置，输入 exd + Tab，就变成 export default MyModal();。但这仍依赖你先写函数体——它不替代设计决策，只省去敲字。
真正容易被忽略的一点：WebStorm 不会跨包分析 package.json 的 "exports" 字段或 "main" 入口，所以如果你在 lib/index.js 里写了 export，但项目主入口是 index.cjs，外部文件依然无法通过路径自动补全该导出——它只认当前项目内明确可解析的模块图。
