自动保存默认关闭且易被覆盖:工作区或语言专属设置可禁用;离线装 Vue 插件须用 .vsix 文件,Volar 安装后需验证状态栏标识及 TypeScript 全局模块。

自动保存默认是关的,不配就不会存;离线装 Vue 插件必须用 .vsix 文件,不能靠市场搜索安装。
files.autoSave 为什么设了没反应
不是配置没写对,而是被更高优先级的设置或插件拦住了:
- 工作区
.vscode/settings.json里有"files.autoSave": "off",它会直接覆盖你用户级的设置 - 语言专属设置偷偷关掉了:比如你为
markdown配过"files.autoSave": "off",那所有.md文件都不会自动保存 -
editor.formatOnSave开着,但 Prettier 找不到配置或解析失败,VS Code 会静默放弃保存——看起来像“没反应”,其实是格式化环节卡死了 - 文件本身没被标记为“已修改”:新建空文件、刚从 Git checkout 出来的未改动文件,右上角没圆点(●),自动保存逻辑压根不触发
选 afterDelay 还是 onFocusChange
取决于你日常怎么切窗口:
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景:(1) 安装 `@ainative/vue-sdk`,(2) 在 Vue 组件中使用 `useChat` 组合式函数,(3) 提供……
- 用分屏(比如 VS Code + 终端并排)、频繁在编辑器 tab 间切换 → 选
onFocusChange,切走就存,安全 - 全屏写代码、很少切出窗口,但怕连续敲错漏存 → 选
afterDelay,配files.autoSaveDelay为800~1500,1 秒内狂敲不会每下都刷盘 -
onWindowChange容易误触发:微信弹窗、系统通知盖住 VS Code,它就存——不推荐 -
onType不是官方支持值,别填;VS Code 没这个选项,填了等于off
离线安装 Volar(Vue 3 推荐插件)
别信“离线安装包合集”,那些常缺依赖或版本过旧。正确做法是单个下载、验证再装:
立即学习“前端免费学习笔记(深入)”;
- 在有网机器打开 https://marketplace.visualstudio.com/items?itemName=Vue.volar,点右侧 Download Extension,得到
Vue.volar-xx.x.x.vsix - 把文件拷进离线机,VS Code 里按
Ctrl+Shift+P→ 输入Extensions: Install from VSIX→ 选中该文件 - 装完重启 VS Code,打开一个
.vue文件,看状态栏右下角是否显示Vue (Volar),不是Vue (Vetur) - 如果提示“找不到 TypeScript server”,说明离线机没装 TypeScript 全局模块——得提前在有网机运行
npm install -g typescript,再把node_global整个目录拷过去
自动保存 + 离线 Vue 环境最容易被忽略的一点
files.autoSave 生效的前提是文件路径没被 files.watcherExclude 或 files.exclude 拦截。离线项目常把 node_modules 或 dist 加进排除列表,但如果 Vue 单文件组件放在 src/views 下,而你又误配了 "**/views/**",那这些 .vue 文件就根本不会进入 watcher,自动保存也就失效了——连报错都不会有,只是一直不存。

















