Sublime Text快速安装与前端组件配置方案-sublime-PHP中文网

package control装没装是所有后续操作的生死线；必须用2026年官网最新脚本安装，ctrl+shift+p能调出install package并成功拉取列表才算真正生效，旧配置残留或路径/语法绑定错误会导致插件静默失效。

sublime text快速安装与前端组件配置方案

Ctrl+Shift+P 按下没反应，或输入 Install Package 后空白——说明 Package Control 根本没跑起来。这不是插件问题，是底层没通电。

必须用 2026 年仍在生效的安装脚本：打开控制台（Ctrl + `），粘贴官网最新版（含 urllib.request，不兼容 Python 2 写法）
装完务必重启 Sublime，左下角出现 Package Control 提示才算成功
如果已装但失效，删掉 Packages/User/Package Control.sublime-settings，再重装——旧配置残留常导致命令面板卡死
别信“一键整合包”，它们篡改 core 文件后，Package Control 会静默失败，且无法通过 Preferences → Package Control 菜单项验证

装了 Emmet 却输 ! 按 Tab 没反应？大概率是语法绑定没对上；装了 View In Browser 却点菜单没反应？八成浏览器路径没填对。

PigX UI 前端开发

PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

Emmet 需手动绑定 HTML 语法：右键 → Set Syntax → HTML，否则 div*3 不展开
View In Browser 安装后，进 Preferences → Package Settings → View In Browser → Settings – User，填入绝对路径，例如："browser": "C:/Program Files/Google/Chrome/Application/chrome.exe"
Windows 路径必须用正斜杠 / 或双反斜杠 \，单反斜杠会被当转义符吃掉
别同时装 LiveStyle 和 View In Browser ——前者依赖本地服务器，后者直接开文件，冲突时 CSS 修改不刷新

装了插件却没在保存时自动检查、自动加前缀？问题不在插件本身，而在触发机制没挂上。

ESLint 插件（如 SublimeLinter-eslint）要求本地全局装过 eslint：npm install -g eslint，否则报 eslint: command not found
Autoprefixer 必须提前装好 node 和 autoprefixer CLI：npm install -g autoprefixer，否则快捷键 command+alt+p 无响应
两者都不自带“保存即运行”逻辑，需手动在 Preferences → Package Settings 里勾选 on_save 或类似开关项
若项目根目录有 .eslintrc.js 或 postcss.config.js，插件会自动读取；没配置文件时默认规则极宽松，容易误判为“没问题”

界面还是英文、Tab 还是 8 格宽——这类问题不是插件没装，而是用户设置没覆盖默认值。

ChineseLocalization 装完必须检查是否被 ignored_packages 屏蔽：进 Preferences → Settings – User，确认列表里没它
缩进设为 4 空格，不能只改右侧用户设置，还要确保左侧默认设置中 "translate_tabs_to_spaces": true 已启用，否则 Tab 键仍插制表符
字体大小建议写进用户设置："font_size": 13，别动默认设置——升级后默认文件可能重置，用户设置才持久
所有 JSON 设置结尾**不能有逗号**，Sublime 对语法错误零容忍，一个多余逗号会让整个设置失效，且不报错

真正卡住人的从来不是“装什么”，而是“装在哪、谁在管、谁在挡”。路径斜杠、JSON 逗号、语法绑定、全局命令行工具——这些细节不显眼，但每一条都足以让插件变成摆设。