首先安装Package Control，再通过它安装Svelte插件，然后将.svelte文件关联到Svelte语法，最后可选配置兼容的高亮主题以获得完整语法着色支持。
要让 sublime Text 支持 Svelte 语法高亮，需要安装对应的语法定义插件。Svelte 是一种将 html、css 和 javaScript 融合在一起的前端框架，原生 sublime text 并不支持其高亮。通过 Package Control 安装社区维护的 Svelte 插件即可轻松实现。
1. 安装 Package Control（如未安装）
Package Control 是 Sublime Text 的插件管理工具，绝大多数插件都通过它来安装。
按下 Ctrl+`（或菜单 View → Show console），打开控制台，粘贴以下代码并回车：
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 Text。
2. 安装 Svelte 语法高亮插件
推荐使用 Svelte 或 Svelte Component Syntax 插件。
- 按下 Ctrl+Shift+P 打开命令面板
- 输入 Install Package，选择 “Package Control: Install Package”
- 等待列表加载，搜索并选择 Svelte（作者：ardenivanov）或 Svelte Component Syntax
- 插件会自动安装
3. 关联 .svelte 文件后缀
安装完成后，Sublime 应该会自动识别 .svelte 文件。如果没有高亮，手动设置语法：
- 打开一个 .svelte 文件
- 点击右下角显示的语法（如 “Plain Text”）
- 选择 Svelte 或 Svelte Component
- Material Theme
- One Dark
- Monokai Extended
之后该文件类型就会默认使用 Svelte 语法高亮。
4. 可选：配置高亮主题兼容性
部分主题对 Svelte 的标签内语法（如 <script>、<style>）支持不够好。可尝试切换为更现代的主题，例如：
这些主题通常对嵌套语法有更好的着色支持。
基本上就这些。完成上述步骤后，你的 Sublime Text 就能正确高亮 Svelte 组件中的 HTML、javascript 和 CSS 了，包括响应式变量、标签属性等关键语法。不复杂但容易忽略的是确保插件已启用且文件类型正确绑定。