根本原因是WebStorm自身Code Style未启用单引号规则或被Pretterr/ESLint等外部工具覆盖；需在Settings→Editor→Code Style→JavaScript→Punctuation中勾选“Use single quotes in new code”并应用，且对TS/Vue需分别配置对应语言风格。
WebStorm 格式化时单引号变双引号，根本原因在哪
不是格式化“错了”，而是 Code Style 设置里默认没启用单引号规则，或者被 Prettier / ESLint 等外部工具覆盖了。WebStorm 自身的格式化行为（Ctrl+Alt+L）只按它自己的 Javascript 语言风格配置生效，不读取项目级 linter 配置，除非你显式启用了它们。
常见错误现象包括：
- 明明在
Settings → Editor → Code Style → Javascript → Punctuation勾了Use single quotes in new code，但格式化后还是双引号 - Vue 或 TypeScript 文件里引号没变，但纯
.js文件变了 - 改完设置后旧代码没批量修复，只有新写的或重格式化的部分生效
怎么真正让 WebStorm 用单引号格式化 JS/TS/Vue
关键路径是：Windows 为 File → Settings → Editor → Code Style → Javascript，macOS 是 WebStorm → Preferences → Editor → Code Style → Javascript。
必须做三件事：
- 切换到
Punctuation标签页（不是Spaces或Wrapping） - 勾选
Use single quotes in new code - 如果不想加分号，同时勾选
Don't use semicolon to terminate statement in new code - 点击
Apply，再点OK—— 不点Apply就不会保存
注意：这个设置只影响 Javascript 类型文件。如果你要对 TypeScript 或 Vue 同样生效，得分别进 Typescript 和 HTML（Vue 模板中的 script 块走 HTML 设置）的对应页面重复设置。
为什么改了设置，已有代码还是双引号
WebStorm 的 Code Style 设置只控制“新写代码”和“重格式化时”的行为，不会自动批量替换已有引号。想把整个文件或项目里的双引号转单引号，得手动触发一次“重新格式化”：
- 打开目标文件，全选（
Ctrl+A/Cmd+A） - 执行格式化（
Ctrl+Alt+L/Cmd+Option+L） - 如果没反应，检查右下角状态栏是否显示了
Prettier或ESLint图标 —— 它们正在接管格式化，此时需关掉或统一配置其引号规则
另外，Vue 单文件组件中，<script></script> 区块走 Javascript 设置，但 <template></template> 里的属性值（如 :title="foo"）属于 HTML 范畴，要改 Editor → Code Style → HTML → Other → Use double quotes in attribute values 这一项，把它改成 Single quotes 才行。
和 Prettier 冲突时怎么办
如果你项目里装了 Prettier 并启用了 Run on save 或绑定了 Ctrl+Alt+L，那 WebStorm 自带的格式化就完全失效了。此时改 Code Style 没用。
验证方式：在设置里搜 Prettier，看是否启用了 On code reformat 或 On save。如果启用了：
- 要么在
.prettierrc里加"singleQuote": true - 要么在 WebStorm 的
Prettier设置页里，把Override default code style关掉，让 WebStorm 格式化接管 - 别忽略
package.json里的prettier字段，它可能覆盖.prettierrc
最易被忽略的一点：Prettier 在遇到字符串内含撇号（比如 don't）时，会主动切回双引号以避免转义 —— 这不是 bug，是它的设计逻辑，此时即使你设了 singleQuote: true，它也会破例。
