Sublime Text前端开发环境快速安装指南-sublime-PHP中文网

package control装不上需先确认python环境与脚本匹配：st4必须用含urllib.request的2026年新版脚本，旧脚本会报nameerror；emmet不生效则因语法未设为html、存在冲突插件或.vue等文件未配置syntax_scopes。

sublime text前端开发环境快速安装指南

Package Control 装不上？先确认 Python 环境和脚本版本

Sublime Text 4 默认使用 Python 3.8+，旧版安装脚本（尤其是含 urlopen 但没导入 urllib.request 的）会直接报 NameError: name 'urlopen' is not defined。这不是你网络问题，是脚本过期。

必须用 2026 年有效版安装命令：
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen('https://packagecontrol.io/' + pf.replace(' ', '%20')).read())

复制整行，粘贴进 Sublime 控制台（Ctrl + `）后回车
装完不重启 → Ctrl + Shift + P 输 Package Control 看有没有菜单项
如果已有但失效，删掉 Packages/User/Package Control.sublime-settings 文件再重跑脚本

Emmet 不生效？检查语法绑定和冲突插件

装完 Emmet 后，在 .html 文件里输 ul>li*3 按 Tab 没反应，大概率不是插件没装好，而是语法没绑对或被拦截。

面向设计的AXUI前端框架表单

面向设计的AXUI前端框架表单是一款包含表格、列表、弹窗等的AXUI前端框架表单下载。

下载

右下角状态栏必须显示 HTML（不是 Plain text），否则 Emmet 不触发 —— 点击它手动选 HTML
删掉旧版 Zen Coding 或任何叫 emmetio 的插件，它们和官方 Emmet（作者 sergeche）不兼容
.svelte、.vue 等文件需额外绑定：Preferences → Package Settings → Emmet → Settings – User，加 "syntax_scopes": {"svelte": "text.html.basic"}

View In Browser 打不开浏览器？路径必须绝对且转义

Sublime 不读系统默认浏览器注册表，View In Browser 右键菜单点不动，90% 是路径写错。

Windows 下 Edge 路径示例："edge": "C:\Program Files\Microsoft\Edge\Application\msedge.exe"（注意双反斜杠）
Chrome 路径别抄网上“自动识别”方案，老老实实查本地安装目录，比如："chrome": "C:\Users\YourName\AppData\Local\Google\Chrome\Application\chrome.exe"
macOS 要用 /Applications/Google Chrome.app/Contents/MacOS/Google Chrome，不能只写 Google Chrome
配完重启 Sublime，再右键 → View In Browser → Chrome 测试

ESLint 或 Prettier 不工作？别指望 Sublime 自动找 Node 工具

Sublime 本身不集成 Node.js 运行时，装了 SublimeLinter 或 HTML-CSS-JS Prettify 后提示 “command not found”，说明它根本找不到你的 eslint 或 prettier 命令。

先在终端运行 which eslint（macOS/Linux）或 where eslint（Windows），拿到完整路径
在插件 Settings – User 里填绝对路径，例如："eslint_path": "/usr/local/bin/eslint"
Windows 用户注意：CMD 和 PowerShell 的 npm bin -g 结果可能不同，优先用 PowerShell 查
如果全局没装，就用 npx eslint 方式 —— 但得改插件源码或换更现代的替代方案（如 SublimeLinter-eslint 的 executable 配置）