离线批量安装前端插件必须用code --install-extension配合脚本，路径用绝对路径并加英文双引号，每个插件单独写参数；需提前在有网环境触发懒加载、拷贝完整扩展目录（含node_modules和server），最后通过命令面板、输出面板和真实文件操作验证功能。
离线环境里批量装前端插件，靠手动一个个拖或点根本不可行；必须用 code --install-extension 配合脚本，再提前解决依赖和版本问题，否则装完也白装。
怎么用命令行批量安装前端插件（如 ESLint、Prettier、Vue、TypeScript）
图形界面点选在内网批量操作时极易卡死或静默失败，code --install-extension 是唯一可脚本化、可复现的路径。关键不是“能不能装”，而是“装完能不能用”。
- 所有路径必须是绝对路径：Linux/macOS 写
/opt/vsix/eslint.vsix，Windows 写C:/vsix/prettier-9.10.3.vsix（推荐正斜杠，避免反斜杠转义） - 路径含空格或中文？必须加英文双引号：
"C:/my tools/vue-language-1.8.27.vsix" - 批量执行不能写成
code --install-extension a.vsix b.vsix——每个--install-extension参数必须独立，正确写法是：code --install-extension "/path/a.vsix" --install-extension "/path/b.vsix" --install-extension "/path/c.vsix" - 先关掉所有 VSCode 进程（包括托盘后台），否则部分插件可能加载不全；Windows 可运行
code --status确认无残留
为什么 ESLint 或 Vue 插件装了但不报错也不生效
这不是安装失败，而是前端类插件普遍带“懒加载依赖”：首次打开 .vue 或 .ts 文件时，才会去拉取 vue-language-server、typescript-language-server 或 eslint-language-server。离线环境下，这个动作会卡住或报 Failed to fetch。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 解决方案不是重装
.vsix，而是在有网机器上完整触发一次：打开一个.vue文件 → 等状态栏显示 “Vue Language Server: Running” → 再把整个扩展目录拷到内网机 - 扩展目录位置：
Linux/macOS：~/.vscode/extensions/znck.vue-language-1.8.27/
Windows：%USERPROFILE%\AppData\Roaming\Code\Extensions\znck.vue-language-1.8.27\ - 别只拷
.vsix文件，要拷解压后的完整文件夹——里面node_modules和二进制可执行文件（如server.js）缺一不可
如何验证前端插件真能用，而不是只在列表里显示“已安装”
扩展面板里绿色勾选 ≠ 可用。很多插件在离线时会跳过激活逻辑，表面安静，实则失效。
立即学习“前端免费学习笔记（深入）”；
- 打开命令面板（
Ctrl+Shift+P），输入插件相关命令，比如：ESLint: Show Output Channel→ 看输出面板有没有报spawn ENOENT（说明 LSP 二进制没找到）Vue: Restart Vue Language Server→ 如果按钮灰掉或点不动，大概率 server 没加载 - 检查输出面板（
View → Output），下拉选择对应插件通道（如ESLint、Vue），真实错误都在这里，不是弹窗提示 - 打开一个真实项目文件（如
src/App.vue），观察右下角状态栏是否显示语言模式（Vue）、ESLint 图标是否亮起、保存时是否触发 Prettier 格式化——这才是最终验证
最易被忽略的一点：前端插件链路长（VSCode → Extension → LSP Server → CLI Tool），离线部署必须把整条链路上的可执行文件和配置都搬进去，光靠 .vsix 就像只运来图纸却没运钢筋。批量脚本可以自动化安装，但依赖准备必须人工前置完成。
