适合前端新人的基础Sublime插件安装-sublime-PHP中文网

package control未生效是插件链路断裂的根源，必须验证package control: list packages返回空列表且install package触发fetching list；emmet需右下角显示html语法并用ctrl+e触发；eslint需路径、node版本和配置文件位置三者严格对齐。

适合前端新人的基础sublime插件安装

装完 Sublime Text 后直接装插件，大概率会卡在 Package Control: Install Package 无反应、装完 Emmet 按 Tab 没反应、ESLint 不标红线——不是你手慢，是基础链路没打通。

Package Control 能不能用，只看这两行命令

别信菜单里有没有“Package Control”选项，真正通路的标志只有两个：

Package Control: List Packages 执行后返回空列表（不是报错）
Package Control: Install Package 执行后左下角出现 Fetching list of available packages

常见断点：

ST4 用户用了 ST3 的旧安装脚本（哈希值不是以 6f4c264a 开头），控制台显示 Success! 但后续所有命令静默失效
残留文件干扰：检查 Packages/ 目录下有没有 Package Control.py 或旧版 Package Control.sublime-package，删掉再重装
网络卡 TLS 握手：公司/校园网常屏蔽 packagecontrol.io，换手机热点或开代理最有效；ST4 可在控制台跑 urllib.request.urlopen('https://packagecontrol.io/').getcode() 验证是否返回 200

Emmet 装了但 Tab 不触发？先看右下角语法状态

Emmet 不是全局生效，它只响应特定语法作用域。敲 div.container 按 Tab 没反应，90% 是当前文件没被识别成 HTML 或 Vue。

PigX UI 前端开发

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

下载

看右下角状态栏：如果不是 HTML、Vue Component 或 JavaScript (Babel)，点它手动切换
临时测试：保存文件为 .html 后缀，再试一次
Tab 键被劫持：禁用其他插件（尤其 Origami、AdvancedNewFile），只留 Emmet；再查 Preferences → Key Bindings 是否有重复绑定 tab 的规则
路径放错：解压安装的 Emmet 必须整体拖进 Packages/Emmet/，不能嵌套进子目录；.sublime-package 文件则必须扔进 Installed Packages/

ESLint 显示版本但不标红线？三处配置必须对齐

SublimeLinter-eslint 装完不代表能工作，它依赖 Node 环境、路径和配置文件位置的精确匹配。

node_modules/.bin/eslint 路径填错：Windows 用户必须写成 node_modules\.bin\eslint.cmd，漏掉 .cmd 后缀就找不到可执行文件
Node 版本冲突：全局 ESLint 和项目本地版本不一致时，优先用本地的——插件设置里开 "lint_mode": "load_save"，并确保打开的文件所在目录或任意父级有 package.json
.eslintrc.js 放错位置：它必须在项目根目录或其任意父级，不能只放在 Packages/ 里；且文件名必须是 .eslintrc.js、.eslintrc.json 或 eslint.config.js（ESLint v8.22+）

Vue / JSX 文件高亮乱套？别硬套 JS 语法包

把 .vue 文件用 JavaScript 语法打开，<template></template> 里全是白底黑字，<script setup></script> 里的 Composition API 也没颜色——这是语法作用域完全错位。

Vue 文件：装 Vue Syntax Highlight（不是 VueJS），右键 → Set Syntax → Vue Component；ST4 内置支持有限，defineProps、defineEmits 等仍需该插件
JSX 文件：搜 React JSX 插件，装完对 .jsx 文件右键设语法；别用 Babel 或 React 插件，它们不处理现代 JSX 语法
已安装但被忽略：检查用户配置 Preferences → Settings 中 "ignored_packages" 数组，确认没把 "Vue Syntax Highlight" 或 "React JSX" 写进去